导致水平滚动的表数据

时间:2010-01-29 09:22:18

标签: html css scroll

我在一个网页上有一个表格,有(比如说)8列,直到最近才工作得很好......

用电子邮件地址注册显示名称的用户(不是一个大问题,但电子邮件很大)。现在,由于其中一个列是“报告者”包含的用户名,因此任何包含所述用户的页面现在都有一个庞大的“报告者”列...

我还应该强调一下,在这个问题发生之前,表格宽度是100%(减去“边距”),并且它工作正常。)

是否有一种聪明的方法可以在''上引入换行符。还是'@'?或者,人们通常如何解决这个问题?欢迎有趣的解决这个烦人问题的方法!

3 个答案:

答案 0 :(得分:3)

生成html表内容代码时,将从数据库中提取的每个内容截断为最大宽度。您的截断功能可以轻松添加提供完整标签的工具提示。

或者,在pageload的javascript中执行此操作。解析每个表格单元格,如果内容太大,则截断内容。但它并不像服务器端截断那么好。

好处是你可以在工具提示中提供完整的标签,附加'...'以让用户知道标签被截断等等。

答案 1 :(得分:2)

使用table-layout css属性。

table-layout: fixed;

http://www.quirksmode.org/css/tables.html#tablelayout

答案 2 :(得分:1)

您可以在列和max-width甚至overflow:scroll上设置overflow:hidden