假设我们有一个 <div style="width:100px;">This text is too long to fit</div>
div 中的文本是动态的。而且我想强制文本适应宽度而不是中断。
所以我需要某种功能来测试文本是否适合,如果不适合,那么我想显示实际适合的文本部分。并附加 ...
到最后。
文本太长的结果应该是这样的:"This text is..."
是否有一些标准的方法来做我想做的事?是通过 javascript、jquery、jsp 还是 java?
谢谢!
编辑: 感谢您的快速回答!我在 Java 中通过猜测适合多少个字符来做到这一点。这似乎不是最佳解决方案,所以这就是我来到这里的原因。
CSS 解决方案非常适合我。它对 Firefox 不起作用没什么大不了的,因为我的客户无论如何都使用 IE。 :)
最佳答案
你可以用 css3 使用 text-overflow:ellipsis
做到这一点 http://www.css3.com/css-text-overflow/
或者如果你坚持使用 js 方式,你可以将文本节点包裹在你的 div 中,然后将包裹的宽度与父级的宽度进行比较。
关于javascript - 用 "..."替换太长的字符串,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/7196804/