文本换行的CSS2替代方案:无
我有一个元素，在这个元素中，我希望我的文本行永远不会换行，即使是当文本到达边界时也不会。在这种情况下，我只是希望文本溢出，就像它只是一个很长的单词。
经过一些研究，我发现CSS3属性text-wrap可以做到这一点。但在任何现代浏览器中都还不支持它。http://www.w3schools.com/cssref/css3_pr_text-wrap.asp
有没有其他我可以用的方法。
回答 3
Stack Overflow用户
发布于 2013-04-12 02:52:43
试试overflow和white-space？他们有相当好的浏览器支持。
#overflow {
white-space: nowrap;
overflow: visible;
}并作为对未来I advise against using w3schools的建议，因为他们的数据通常是不完整的，有时甚至是错误的。MDN是一个更可靠的替代方案！
Stack Overflow用户
发布于 2013-04-12 02:56:54
将您的代码包装在演示中这意味着您的文本是预先格式化的，只有在您实际声明它为<pre> http://jsfiddle.net/kevinPHPkevin/zcSFp/时才会换行。
<div>
<pre><p>this is a long paragraph this is a long paragraph this is a long paragraph this is a long paragraph this is a long paragraph this is a long paragraph this is a long paragraph this is a long paragraph this is a long paragraph this is a long paragraph this is a long paragraph this is a long paragraph </p></pre>
</div>Stack Overflow用户
发布于 2013-04-12 02:57:30
这只是CSS规范中非常、非常奇怪的事情之一。与您要查找的内容最接近的属性是word-wrap。不幸的是，它没有没有包装的值，但是white-space有。尝试将以下内容添加到您的元素：
selector {
white-space:nowrap; /* Sets no wrapping */
overflow:hidden; /* Hides the text that overflows the container. */
}例如，您还可以使用jmeas的解决方案添加省略号。来源：http://css-tricks.com/almanac/properties/w/whitespace/
https://stackoverflow.com/questions/15956534
复制相似问题
腾讯云开发者
Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有
深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 
粤公网安备44030502008569号
腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号