Question

即使字符串太长，如何才能遵守固定的列宽？

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

感谢您的帮助。

Answer 1

您可以尝试text-overflow: ellipsis：

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

警告：如果你没有在列上设置显式宽度，那么较旧版本的IE会做一些奇怪的事情，

Answer 2

您可以使用CSS的overflow将元素的内容截断为其父级的大小。

#myDiv{
    width: 200px;
    height: 200px;
    overflow: hidden;
}

<div id="myDiv">bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla</div>

晒。

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

2 个答案: