css溢出-仅1行文本
css溢出-仅1行文本
提问于 2011-09-25 23:12:49
我有一个带有以下css样式的div：
width:335px; float:left; overflow:hidden; padding-left:5px;当我在div中插入一行长文本时，它会换成一个新行，并显示所有文本。我想要的是只有一行文本不会换行。当文本很长时，我希望这个溢出的文本消失。
我在考虑设置高度，但似乎是错的。
也许如果我添加与字体相同的高度，它应该可以工作，并且不会在不同的浏览器中造成任何问题？
我该怎么做呢？
回答 7
Stack Overflow用户
回答已采纳
发布于 2011-09-25 23:16:21
如果您想将其限制为一行，请在div上使用white-space: nowrap;。
Stack Overflow用户
发布于 2011-09-25 23:32:10
如果您想指出div中还有更多可用内容，您可能想要显示“省略号”：
text-overflow: ellipsis;这应该是对Septnuits建议的white-space: nowrap;的补充。
此外，请确保您签出this thread以在Firefox中处理此问题。
Stack Overflow用户
发布于 2018-09-09 21:50:04
UX和UI的最佳代码是
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
display: inherit;页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/7546389
复制相关文章
相似问题