text-overflow 文字超出
该主要用来定义当超出元素限定范围内之后,为了防止混乱,对超出元素范围的做的处理。
text-overflow 规定当文本溢出包含元素时发生的事情。
text-overflow 用于设置当超过所在元素设定的范围时候的展示。
.demo{
text-overflow: clip|ellipsis|string;
}
值说明
<div class="demo">
网css3教学 text-overflow。
</div>
.demo{
height: px;
width: px;
overflow: hidden;
white-space: rap;
text-overflow:clip ;
}
图
<div class="demo">
网css3教学 text-overflow。
</div>
.demo{
height: px;
width: px;
overflow: hidden;
white-space: rap;
text-overflow:ellipsis ;
}
图
<div class="demo">
网css3教学 text-overflow。
</div>
.demo{
height: px;
width: px;
overflow: hidden;
white-space: rap;
text-overflow:"!" ;
}
图
说明:只在火狐浏览器兼容。
text-overflow
这个常常用来限制超出后我们怎么去处理超出的这部分,通常是隐藏掉,这样才不会破坏的视觉,不会把堆积重叠到一起。