您的位置:首页帮助教程

HTML表格table的td列宽度设置不起作用

2018-05-23

HTML在使用表格table的时候有没有遇到这样的问题:设置了宽度不按你的宽度显示。事实上,只要了解了一个css的用法,就可以明白问题的所在,这个css就是:table-layout。

table-layout有三个可用的值:

automatic    这是默认值。表示表格列td宽由单元格里的内容决定。    

fixed    表示列td宽由表格table的宽度以及手动设定的宽度值决定。    

inherit    规定应该从父元素继承 table-layout 属性的值。    

如果你设置了td列宽度但是不按你的宽度显示,那肯定就是你的table表格设置了table-layout:automatic,这样他会按内容的长度决定td列宽,而且这时候给td设置max-width和min-width是没有作用的。

按内容自动决定td宽度有时候很方便,可是当你的内容长短不一的时候却不好用,这时候最高给你的table表格设置了table-layout:fixed,在手动设置每个td列的宽度。


相关内容

扫描二维码分享到微信

在线咨询
联系电话

15685180853