类似HTML中的结构行结构

-1

有没有一种方法可以用div（不是用表格）模仿表行跨度行为？类似HTML中的结构行结构

事情是这样的：

+---+----+ 
| | B | 
| A +----+ 
| | C | 
+---+----+

感谢，丹尼尔

来源

2011-09-20 Daniel Taiber

可能重复[colspan和rowspan在div标记]（http://stackoverflow.com/questions/7255445/colspan-and-rowspan-in-div-标签） – Quentin

你为什么想要？如果它看起来像一个'

'，使它成为'

'。 “omg表是不好的”的神话来自当人们意识到使用*表格作为**布局***是不好的时候;不是因为他们为***而建造的场合，他们应该避免。 – Matt

它看起来像是一张桌子？它总共有三个单元！你可以用三个单元表示什么样的表格数据？ – Quentin

回答

使用CSS规则显示：inline-block的可以帮助你太

.cell{ 
    zoom:1; 
    vertical-align:top; 
    display:-moz-inline-box; 
    -moz-box-orient: vertical; 
    display:inline-block; 
    *display:inline; 
}

然后指定宽度和高度，你应该能够做你想做的。这不是最好的或最差的解决方案，只是另一种方式去

来源

2011-09-20 14:16:51 malko

这取决于你的DIV结构。例如，你可以这样的事情： http://jsfiddle.net/avall/5ky5b/

使用浮动div和智能使用背景可以使这种效果。

来源

2011-09-20 14:10:22 avall

类似HTML中的结构行结构

回答

相关问题