我是一个程序员,当我需要添加一些看起来像一张桌子,使用html表格的东西,我总是被我的网页设计师弄脏了.如何为div构建一个通用的html div结构,所以我可以拥有它,总是复制粘贴html,当我需要一些看起来像一个表？
所以在这个表的html结构的情况下
<table> <tr><td></td><td></td></tr> <tr><td></td><td></td></tr> <tr><td></td><td></td></tr> </table>
什么是相似的div结构？
解决方法
您将需要使用显示表,表格和表格单元格：
CSS：
.table
{
display:table;
}
.table-row
{
display:table-row;
}
.table-cell
{
display:table-cell;
}
HTML：
<div class="table">
<div class="table-row">
<div class="table-cell">1</div>
<div class="table-cell">2</div>
</div>
<div class="table-row">
<div class="table-cell">3</div>
<div class="table-cell">4</div>
</div>
</div>
请注意,IE7或更低版本不支持表格,表格和表格单元格显示值,IE8需要一个！DOCTYPE.
此外,表应该用于表示表格数据,因为它给了一组div与标记更多的语义意义.你不应该使用表进行布局.