设定table中的宽度不随文本更改让其固定不动

网页页面中table宽度设定width="600px"以后,宽度依然并不是固定不动的,文本过长后不换行,把table都撑形变了。

处理方法:

1.table 设定 宽度,肯定宽度和相对性都可以以

table-layout:fixed ;
设定了这个特性,其余全部td全是同样的宽度。

这样实际操作以后,table是宽度固定不动了,可是里边的文章内容假如很长,文本会遮盖

处理方法:

在 td 里边 再加 style="word-wrap:break-word;" 全自动换行就行了,假如不想换行,能够将超过內容设为掩藏,而且用省略号替代:

在td上面加

拷贝编码
编码以下:

overflow:hidden;
white-space:nowrap;

text-overflow:ellipsis;(现阶段仅在IE8检测根据)
强烈推荐方式(2013⑴1⑴4 by 张雷)用div操纵td的內容

在TD中加

(1)超出宽度和高宽比文本会全自动掩藏

拷贝编码
编码以下:

<div style="width:100px;height:25px;overflow-x:hidden;overflow-y:hidden;">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa</div>

(2)设定了td的宽度超出长度全自动换行

拷贝编码
编码以下:

<td><div style="width:100px;word-wrap:break-word;" >aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa</div>
</td>