1、首先给table标签添加css : table-layout:fixed;这里是为了让整个table有一个自己宽度，而不是让table自己随着自己内容的大小而改变。
成都创新互联公司成都企业网站建设服务，提供网站建设、成都网站设计网站开发,网站定制,建网站,网站搭建,网站设计,响应式网站设计,网页设计师打造企业风格网站,提供周到的售前咨询和贴心的售后服务。欢迎咨询做网站需要多少钱:13518219792
2、给table标签，定一个宽度（如：width:500px）;
3、最后给td 定一个宽度（width）就可以实现.
原表格：
添加一下CSS：
现表格：
扩展资料：
在实际需求中，经常遇到要在table中的td中，让用户输入比较长的字符串，这时就要使td的宽度能较大。
在WEB前端中，对于 表格元素中的元素td 直接设置宽度是无法生效的。要想达到给td设置宽度的目地。
给你写了个例子 你自己看看就知道了
.tablecss2{ border:#C0C0C0 1px solid; border-collapse:collapse; margin:5px; }
/*.tablecss2 td{ BORDER-BOTTOM: #C0C0C0 1px solid; BORDER-right: #C0C0C0 1px solid; padding:2px; }*/
.tablecss2 tr{ BORDER-BOTTOM: #C0C0C0 1px solid; BORDER-right: #C0C0C0 1px solid; padding:2px; background-color:#E8E8E8}
/style
table width="600" cellspacing="0" cellpadding="0" align="center" class="tablecss2"
tr
td212121/td
td231231321/td
/tr
tr
td212121/td
td231231321/td
/tr
/table
你好，这是一个CSS的继承用法，.over类和td标记从tr标记的CSS设置中继承了属性，意思就是只要是出现tr标记的地方使用了.over类和td标签，那么.over类和td标签的背景色都会是#FFFF99，即使原先.over类和td标签的背景色不是#FFFF99！
简单说来，就是tr.over td{background-color:#FFFF99;}中over td继承了tr的属性！
只要是html中的标签都可以用css样式
.tab{
这里写你的样式
}
.tr{
}
.td{
}
table class="tab"
td class ="td"
tr class="tr"
spancontext/span
/tr
/td
/table
写了两种方法，你看看吧，也许有用
方法一：table width="200px" height="200px" frame="box"
tr
td style="border:1px solid red"/td
td style="border:1px solid red"/td
/tr
tr
td style="border:1px solid blue" colspan="2"/td
/tr
tr
td style="border:1px solid red" colspan="2"/td
/tr
tr
td style="border:1px solid blue" colspan="2"/td
/tr
/table
这种方法是设置行内每个单元格的样式
方法二：
table width="200px" height="200px" frame="box"
tr bordercolor="#FF0000"
td /td
td/td
/tr
tr bordercolor="#FF0000"
td colspan="2"/td
/tr
tr bordercolor="#FF0000"
td colspan="2"/td
/tr
tr bordercolor="#FF0000"
td /td
/tr
/table
两个方法的table/table标记里都加frame="box"
