而不是html表使用div ..好的,但表很容易
发布时间:2020-12-14 19:36:06 所属栏目:资源 来源:网络整理
导读:我是一个程序员,当我需要添加一些看起来像一张桌子,使用html表格的东西,我总是被我的网页设计师弄脏了.如何为div构建一个通用的html div结构,所以我可以拥有它,总是复制粘贴html,当我需要一些看起来像一个表? 所以在这个表的html结构的情况下 table trtd/td
我是一个程序员,当我需要添加一些看起来像一张桌子,使用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> Demo 请注意,IE7或更低版??本不支持表格,表格和表格单元格显示值,IE8需要一个!DOCTYPE. 此外,表应该用于表示表格数据,因为它给了一组div与标记更多的语义意义.你不应该使用表进行布局. (编辑:李大同) 【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容! |