有时候我们在展示内容的时候，希望文本在元素末尾显示省略号
比如在新闻列表中
首先来认识几个简单的属性
white-space：（处理空白字符）
1.normal：默认值，多个空白格默认显示一个
2.pre：空白会被浏览器保留
3.pre-wrap:空白格会被部分保留，并且换行
4.pre-line:合并空白符，但是保留换行符
5.nowrap:不换行，直到遇到<br>
overflow:
这个属性应该都比较熟悉
1.hidden：超出部分隐藏
2.scroll：内容会被修剪，出现滚动条
3.auto：如果内容未溢出，则正常显示，溢出则出现滚动条
text-overflow:（文本属性）
1.clip:不显示省略号
2.ellipsis：显示省略号
Talk is cheap ，Show me the code........代码奉上
<style>
ul{
list-style: none;
width: 100px;
}
ul>li{
background-color: blue;
overflow: hidden;
border: 1px solid gray;
white-space: nowrap;
text-overflow: ellipsis;
}
</style>
<body>
<ul>
<li>aassssdddddddddssssssssssssssss</li>
<li>rrrrrrrrrrrrrrrrrrrrrrr</li>
<li>wwwwwwwwwwwwwwwwwwwwwww</li>
</ul>
</body> 
凑活看吧。。。。
4万+
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
