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

华为开发者空间,是为全球开发者打造的专属开发空间,汇聚了华为优质开发资源及工具,致力于让每一位开发者拥有一台云主机,基于华为根生态开发、创新。

更多推荐