html - 如何截断 HTML 字符串以保持固定的列大小

Question

如何在字符串太长的情况下也能保持固定的列宽？

问题是我想在 jsp 中显示一个报告，但我将一个表中的标题和另一个表中的内容分开，使它们的列宽度相同。问题是几列中的文本太长，所以我想知道是否可以简单地截断字符串以避免列变大。

非常感谢您的帮助。

Answer 1

你可以试试 text-overflow: ellipsis :

td {  
  white-space: nowrap;                      
  overflow: hidden;              /* "overflow" value must be different from "visible" */    
  text-overflow: ellipsis;  
}  

警告:如果您没有在列上设置明确的宽度，旧版本的 IE 会做一些奇怪的事情，