table 设置 td 标签宽高

在默认情况下,table 中的 td 不允许使用 css 来设定宽高,需要为 table 改变一些参数之后才可使用 CSS 来随心控制。

<table border="1" cellspacing="0" cellpadding="0">...</table>
.table {
	table-layout: fixed;
    border-collapse: collapse;
}

这样设置之后就可以为该 table 的 td 标签随心控制宽高了。

拓展:

  • cellspacing:td 单元格之间的间距值
  • cellpadding : td 单元格边缘与内容之间的间距值
  • table-layot : fixed 列宽由表格宽度和列宽度设定
  • border-collapse: collapse; 合并边框
Logo

为开发者提供学习成长、分享交流、生态实践、资源工具等服务,帮助开发者快速成长。

更多推荐