php中table的最小宽度,CSS-在HTML表<td>中设置最小宽度

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

如果您使用固定的布局表即数据表，则

Foo

OR

Bar

Hassan Tareq answered 2019-11-06T15:55:31Z

-3 votes

a	b	c
a	b	c

AmirtharajCVijay answered 2019-11-06T15:55:51Z