gpt4 book ai didi

html - 表单标记;使用显示 : table-cell, 表行时在标签后换行

转载 作者:行者123 更新时间:2023-11-28 14:03:45 29 4
gpt4 key购买 nike

请引用this jsfiddle .

我的目标是构思一些 HTML 标记,使我能够自动生成具有可变标签宽度、标签在顶部或左侧的表单,而无需有条件地生成 [much] 标记。

为了实现不同标签宽度的标签对齐,我使用了 display: table cell/row; this question 中列出的技巧.

但是,这只有在我所有的标签都是 label.left. 时才有效当我有一个 label.top ,我想不出一个 CSS 方法来推送兄弟 div.control到下一行!

任何人都可以想象一个简单的方法来实现这一点,或者更适合的布局来实现我正在寻找的东西吗?

所以我完全清楚,我希望div.control让“姓氏”出现在其标签的下一行。

谢谢!

最佳答案

如果我理解你的问题和评论,这可能是你想要的,或者如果没有澄清我,那么我可以给你确切的解决方案。

查看代码和演示的 fiddle

fiddle :http://jsfiddle.net/pVHLY/1/

演示:http://jsfiddle.net/pVHLY/1/embedded/result/

关于html - 表单标记;使用显示 : table-cell, 表行时在标签后换行,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/10116568/

29 4 0