防止文本在溢出时中断行
防止文本在溢出时中断行
提问于 2013-11-27 03:36:36
我不想指定一个区域的宽度，并设置overflow:hidden或滚动到我的文本，因为网站是响应的。有没有办法防止一行文字转到第二行？
或示例"lorem sum etc ger ergdfg efdfg"
不会变成
"lorem sum etc ger
ergdfg efdfg"宽度小的时候？
回答 2
Stack Overflow用户
回答已采纳
发布于 2013-11-27 03:38:34
使用
white-space: nowrap;在包含文本的元素上。
这个名字很容易解释--它使空格不被包装。
如果您不希望文本跳出它应该放在的框中，请使用overflow: hidden;。
如果要在文本溢出边框时使用省略号，请使用text-overflow: ellipsis;。
JSFiddle
Stack Overflow用户
发布于 2013-11-27 03:43:04
您可以尝试使用white-space : nowrap。
示例如下所示
<span>lorem sum etc ger ergdfg efdfg</span>
<style>
span
{
width:100px;
height:auto;
overflow:scroll;
display:inline-block;
white-space : nowrap;
}
</style>页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/20233416
复制相关文章
相似问题
腾讯云开发者
