css设置强制不换行超出显示省略号：
<!DOCTYPE html>
<html>
<head>
<style>
div.test
{
white-space:nowrap;
width:12em;
overflow:hidden;
border:1px solid #000000;
}
</style>
</head>
<body>
<p>下面的 div 包含无法在框中容纳的长文本。正如您所见，文本被修剪了。</p>
<p>这个 div 使用 "text-overflow:ellipsis" ：</p>
<div class="test" style="text-overflow:ellipsis;">强制不换行，超出显示省略号。
强制不换行，超出显示省略号。
强制不换行，超出显示省略号。</div>
</body>
</html>效果如下：
说明：
white-space: nowrap;样式强制文本不换行，white-space 属性设置如何处理元素内的空白。这个属性声明建立布局过程中如何处理元素中的空白符。
text-overflow:ellipsis;样式设置文本超出显示省略号。
text-overflow 属性规定当文本溢出包含元素时发生的事情。ellipsis显示省略符号来代表被修剪的文本。
推荐：css手册
以上就是css强制不换行超出省略号如何设置？的详细内容，更多请关注易知道|edz.cc其它相关文章！
