表格单元格内容过多的解决

时间:2024-04-16 14:43:14

在工作中遇到了一些问题,经过自己的努力用发下面的方法解决:

首先定义样式:table { table-layout:fixed;},这个是把表设定为固定布局,每个单元格的大小是固定的。

其次再定义样式:table td{text-overflow:ellipsis; overflow:hidden; white-space:nowrap;}

其中:text-overflow:ellipsis  当对象内文本溢出时显示省略标记(...)        white-space:nowrap  强制在同一行内显示所有文本

这样就可以实现了,另外还可以用html标签的title属性,把相要显示的内容放在里边,当鼠标移上表格的相应位置时就能显示全部内容。