html5已经废弃了cellpadding,cellspacing

最新推荐文章于 2024-02-16 23:44:52 发布

原创最新推荐文章于 2024-02-16 23:44:52 发布 · 1.2k 阅读

0 ·

CC 4.0 BY-SA版权

js学习专栏收录该内容

14 篇文章

订阅专栏

本文探讨了在HTML5中使用表格布局的最佳实践，强调了border-collapse属性的重要性，并介绍了如何利用th和td的padding来调整内容与边框之间的间距。同时，建议尽早转向CSS以替代表现型属性，以实现更灵活、高效的网页设计。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

cellpadding，cellspacing都是废弃的属性了，早已不推荐使用，最新的html5里已经彻底去掉了这些表现型的属性。
正确的做法是，合并表格边框，然后用th，td的padding设置内容和边框之间的空隙。
table {
  border-collapse: collapse;
}
th, td {
  padding: 0.3em 1em;
} 
另外补充一点，尽早放弃在html里写表现型属性的习惯，或者表现型标签<font>等，css可以满足全部需求。现在还不能完全摒弃表现型的属性，比如width，或者是行内样式，如果不支持css3的浏览器都淘汰了，就可以和它们说拜拜了。