CSS 表格、Divs、Spanning...太多混乱了

CSS Tables, Divs, Spanning... too much confusion out there

我发现有关此布局的大量相互矛盾的信息。一些消息来源说使用 table,其他消息来源说使用 div。

http://www.bootply.com/mDIcRVOq8J

基本上,两端是一个正方形,中间是两个堆叠的矩形。

我拥有我想要的大部分内容,但我无法弄清楚 Bootply 中指出的内部 div 定位。

我有:

我想要达到的目标:

解决方法: http://www.bootply.com/o3m5A8BKJK

如果我理解您的需要,请将 vertical-align:top 添加到 doc-tile-content,从 .row class 中删除 display: table-row,然后添加display:block 到内部内容 div。