如何将长文本放入固定宽度的列中,在其中我只能容纳一行文本?文本需要剪切为固定宽度 (可以说为100px) ,我想在末尾添加点“ …”。例如:
给定字符串:
Some really long string that I need to fit in there!
固定宽度列中的所需输出应为:
Some really long string...
您可以单独使用CSS来做到这一点:
.box { -o-text-overflow: ellipsis; /* Opera */ text-overflow: ellipsis; /* IE, Safari (WebKit) */ overflow:hidden; /* don't show excess chars */ white-space:nowrap; /* force single line */ width: 300px; /* fixed width */ }
注意:您将需要检查最新的浏览器支持。