导致水平滚动

Question

表数据我有一个表在网页上，与（比如说）8列，它的工作就好了，直到最近...

与电子邮件地址的显示名称注册的用户（不是一个大问题，但电子邮件是巨大的）。现在，由于其中一列是包含用户名的“报告人”，任何带有上述用户的页面现在都有一个巨大的“报告人”列...

我还应该强调，表格宽度为100％ （减去'保证金'）在这个问题之前，它工作得很好）。

有一个聪明的方式来介绍一个换行符“”或'@'？或者，人们通常如何解决这个问题？欢迎有趣的解决这个烦人的问题！

Answer 1

当生成你的HTML表内容代码，截断从数据库中提取的最大宽度每个内容。截断函数可以轻松添加提供完整标签的工具提示。

另外，这样做在JavaScript上的页面加载。解析每个表格单元格，并在内容太大时截断它。尽管如此，它并不像服务器端截断那么好。

的好处是，你可以给完整的标签在工具提示中，追加“...”，让用户知道标签被截断等

Answer 2

您可以在列上设置max-width，并且overflow:scroll甚至overflow:hidden。

Answer 3

使用table-layout CSS属性。

table-layout: fixed; 

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