css控制文字显示长度,超过用省略号替代

.line_text

{

width:200px;

white-space:nowrap;

word-break:keep-all;

overflow:hidden;

text-overflow:ellipsis;

}

<span class="line_text">客户端解决标题显示太长省略多余部分并加省略号的样式</span>

<li class="line_text">客户端解决标题显示太长省略多余部分并加省略号的样式</li>

<div class="line_text">客户端解决标题显示太长省略多余部分并加省略号的样式</div>

你可能感兴趣的:(css)