我有一个带有以下css样式的div
:
width:335px; float:left; overflow:hidden; padding-left:5px;
当我在div
中插入一行长文本时,它会换成一个新行,并显示所有文本。我想要的是只有一行文本不会换行。当文本很长时,我希望这个溢出的文本消失。
我在考虑设置高度,但似乎是错的。
也许如果我添加与字体相同的高度,它应该可以工作,并且不会在不同的浏览器中造成任何问题?
我该怎么做呢?
发布于 2011-09-25 23:16:21
如果您想将其限制为一行,请在div上使用white-space: nowrap;
。
发布于 2011-09-25 23:32:10
如果您想指出div中还有更多可用内容,您可能想要显示“省略号”:
text-overflow: ellipsis;
这应该是对Septnuits建议的white-space: nowrap;
的补充。
此外,请确保您签出this thread以在Firefox中处理此问题。
发布于 2018-09-09 21:50:04
UX和UI的最佳代码是
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
display: inherit;
https://stackoverflow.com/questions/7546389
复制相似问题