我有一个具有弹性布局的网页，如果调整浏览器窗口的大小，该网页会更改其宽度。
在这个布局中有标题（h2），其长度可变（实际上是我无法控制的博客文章的标题）。目前 - 如果它们比窗口宽 - 它们会分成两行。
是否有一个优雅的、经过测试的（跨浏览器）解决方案 - 例如使用 jQuery - 可以缩短标题标签的innerHTML，并在文本太宽而无法放入当前屏幕的一行时添加“...”集装箱宽度？
以下用于截断单行文本的仅 CSS 解决方案适用于列出的所有浏览器http://www.caniuse.com https://www.caniuse.com/#search=ellipsis截至撰写本文时，Firefox 6.0 除外。请注意，除非您需要支持换行多行文本或更早版本的 Firefox，否则完全不需要 JavaScript。
.ellipsis {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
-o-text-overflow: ellipsis;
}
如果您需要对早期版本的 Firefox 的支持，请查看我对另一个问题的回答 https://stackoverflow.com/a/1101702/2766.
本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系:hwhale#tublm.com(使用前将#替换为@)
