html – 为什么要使用display:table而不是table

前端之家收集整理的这篇文章主要介绍了html – 为什么要使用display:table而不是table前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
使用div构造我的网站有什么好处,并应用display:table property(display:tr,display:tr).这是不是意味着div会像tr和td元素一样行事?

我知道我可能不应该使用表或表的行为布局,但我只是好奇,如果有差异和好处?

解决方法

What’s the benefits of structuring my site with divs and apply the display:table property ( display:tr,display:tr).

在我看来,除了你take away compatibility with older browsers以外,无论如何,使用显示:table- *的DIV的想法比< table>是愚蠢的IMO,并且对于表格元素完全误导了歇斯底里的结果. (不攻击你@Nimo,只是批评一些拿着“桌子是邪恶”的人模仿太多了)

表格应该用于表示表格数据,不被滥用于布局.

然而,有一些能力表格仍然很难使用纯CSS进行模拟.你需要大量的黑客,有时甚至需要基于JavaScript的解决方法来使这些事情发挥作用.

您应该以不依赖于这些能力的方式设计您的布局.

在极少数情况下,您确实需要它们.但是,无论您是否使用适当的< table>< tr>或者脑死亡< div style =“display:table”>< div style =“display:table-row”> (哪一个是更语义和更好的可读性?)

如果您需要显示:table- *为您的布局,您有一个这些罕见的案件之一,或者你已经画在自己的角落,无论如何.无论哪种方式,使用< table>,您至少得到一致的浏览器支持.

原文链接:https://www.f2er.com/html/230976.html

猜你在找的HTML相关文章