我在 stackoverflow 上发现了一些类似的问题,但似乎没有一个为我的案例提供真正明确的解决方案。
我希望通过屏幕截图可以显示使用表格的痛苦:
底部的两行被定义为一个表tr
并且td
在一个表内。结构完美,标签和文本字段的对齐完美。但是,如果我只想围绕两行设置一个well
类(例如<div class='well'> ... </div>
),那么表格方法将失败。仅仅因为您不允许div
在表格内有任何东西,这只是例外tr
and td
。
所以我从表中取出前两行并将其作为纯 div。您可以在灰色井中看到上面的前两行结果。
<div class='well'>
<div>
<div class='block_inline'> ... </div>
<div class='block_inline'> ... </div>
</div>
<div>
<div class='block_inline'> ... </div>
<div class='block_inline'> ... </div>
</div>
</div>
类本身well
现在围绕两行漂亮地呈现,但是现在对齐是一团糟。如何使它们仍然居中并使文本字段彼此垂直对齐?