table中如何用CSS控制<tr>><td>的宽度和高度

1、首先给table标签添加css : table-layout:fixed这里是为了让整个table有一个自己宽度，而不是让table自己随着自己内容的大小而改变。

2、给table标签，定一个宽度（如：width:500px）

3、最后给td 定一个宽度（width）就可以实现.

原表格：

添加一下CSS：

现表格：

扩展资料：

在实际需求中，经常遇到要在table中的td中，让用户输入比较长的字符串，这时就要使td的宽度能较大。

在WEB前端中，对于 表格元素中的元素td 直接设置宽度是无法生效的。要想达到给td设置宽度的目地。

因项目需要d框显示信息，由于信息过多导致表格很难看，网上查到可以设置单元格自适应高度，设置一个最大高度，当达到最大高度后将显示滚动条，弥补了单元格过度膨胀带来的困扰！

单元格自适应高度是在单元格中内嵌div，即<td><div></div></td>

通过设置div达到自适应高度，最大高度后显示滚动条的效果。

样式设置：style="overflow-y:scrollmax-height:130px"

提示成功 layer:

---