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

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

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

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

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

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

posted @ 2013-08-02 22:00  心飞翔,光阴已逝  阅读(536)  评论(0编辑  收藏  举报