1、首先给table标签添加css : table-layout:fixed这里是为了让整个table有一个自己宽度，而不是让table自己随着自己内容的大小而改变。
2、给table标签，定一个宽度（如：width:500px）
3、最后给td 定一个宽度（width）就可以实现.
原表格：
添加一下CSS：
现表格：
扩展资料：
在实际需求中，经常遇到要在table中的td中，让用户输入比较长的字符串，这时就要使td的宽度能较大。
在WEB前端中，对于 表格元素中的元素td 直接设置宽度是无法生效的。要想达到给td设置宽度的目地。
table{
table-layout:fixed
}
table
tr
td:first-child,table
tr
td:first-child{
width:120px
}
你只要把首行
第一个td定宽
同列的宽度都会和他一样.
你要注意的是
第一行
第一个用的是
td
还是
th
楼下的
你测试过吗
就敢说可能有问题.
