CSS-在HTML表
中设置最小宽度我的表有几列。
每列应具有动态宽度,该宽度取决于浏览器窗口的大小。 另一方面,每一列都不能太小。 因此,我尝试为这些列设置min-width,但这不是有效的属性。 还尝试了
的min-width,但这也是无效的属性。有什么方法可以在HTML表中为col / td设置min-width?
7个解决方案
57 votes
试试这个:
one | two |
Ali Sağırvelioğulları answered 2019-11-06T15:52:43Z
29 votes
min-width和max-width属性无法正常使用表格单元格。 根据规格:
在CSS 2.1中,“最小宽度”和“最大宽度”对表,内联表,表单元格,表列和列组的影响是不确定的。
CSS3中没有更改。
o.v. answered 2019-11-06T15:53:27Z
4 votes
尝试使用不可见的元素(或psuedoelement)强制表格单元扩展。
td:before {
content: '';
display: block;
width: 5em;
}
JSFiddle:[https://jsfiddle.net/cibulka/gf45uxr6/1/]
Petr Cibulka answered 2019-11-06T15:54:02Z
1 votes
一种方法是在td中添加
user9413974 answered 2019-11-06T15:54:34Z
0 votes
one | two |
这对我使用电子邮件脚本有效。
Redous answered 2019-11-06T15:55:02Z
0 votes
如果您使用固定的布局表即数据表,则
FooOR
BarHassan Tareq answered 2019-11-06T15:55:31Z
-3 votes
a | b | c |
a | b | c |
AmirtharajCVijay answered 2019-11-06T15:55:51Z