请参考这个 jsfiddle。
我的目标是构思一些 HTML 标记，使我能够自动生成具有可变标签宽度、顶部或左侧标签的表单，而无需有条件地生成 [much] 标记。
为了实现不同标签宽度的标签对齐，我使用了这个问题display: table cell/row;中列出的技巧。
但是，只有当我的所有标签都为时，这才有效。label.left.当我有一个label.top时，我无法找出一种 CSS 方法将兄弟姐妹推div.control到下一行！
谁能想象一个简单的方法来做到这一点，或者更适合的布局来实现我正在寻找的东西？
我完全清楚，我希望div.control“姓氏”出现在其标签的下一行。
谢谢！