怎么让html的列td的大小不随文字的多少而改变？

Question

如题所述

Answer 1

需要准备的材料分别有：电脑、浏览器、html编辑器。

1、首先，打开html编辑器，新建html文件，例如：index.html，编写问题基础代码。

2、在index.html中的<td>标签中，输入属性代码：width="70px"。

3、浏览器运行index.html页面，此时列td的大小被固定70px，不随文字而变化。

Answer 2

在TD里增加一个元素，可以是P，也可以是Span，用style设置固定高度和宽度，文字在元素里，并增加   ：  overflow=scroll  属性   或overflow=hidden

例：

1、overflow=hidden
<td height="50" width="150"><p style="overflow:hidden; width:150px; height:50px;">这是一个固定长宽的表格,表格的高宽不跟随文字变化，文字超过会被隐藏掉</p></td>

2、overflow:scroll
<td height="50" width="150"><p style="overflow:scroll; width:150px; height:50px;">这是一个固定长宽的表格,表格的高宽不跟随文字变化，而且有滚动条</p></td>

Answer 3

这个需要用到程序做判断了。就是比如说，字数有10个以内用样式一，字数大于10个了，就用样式二了，
这两个样式都是控制字体大小的，
如：.zi1{ font-size:12px;line-height:20px; }
.zi2{ font-size:16px;line-height:17px; }本回答被提问者采纳

Answer 4

在TABLE样式加上：table-layout:fixed，列宽由表格宽度和列宽度设定。来自：求助得到的回答

Answer 5

定义元素的宽高，然后用overflow:hidden;来定义超出部分隐藏。