CSS3文本溢出
2016-09-18 22:24
155 查看
html中该文本的标签需是块级元素
.moreText{
white-space:nowrap;
width:12em;
overflow:hidden;
border:1px solid #000000;
text-overflow:ellipsis;
display:inline-block;
}
<span class="moreText">多出的文本需要隐藏起来,然后把多余的文字都显示为....</span>
.moreText{
white-space:nowrap;
width:12em;
overflow:hidden;
border:1px solid #000000;
text-overflow:ellipsis;
display:inline-block;
}
<span class="moreText">多出的文本需要隐藏起来,然后把多余的文字都显示为....</span>
相关文章推荐
- CSS3 多行文本溢出省略
- css3 多行文本溢出显示省略号
- CSS3文本溢出显示省略号
- CSS3文本溢出
- css3新增的文本高级样式-文本阴影和文本溢出
- CSS3文本溢出显示省略号
- css3实现文本溢出以省略号形势显示
- CSS3文本溢出显示省略号
- CSS3动画和文本的溢出显示省略号
- css3溢出文本属性------text-overflow
- CSS3 块级元素,文本溢出操作 -webkit-line-clamp
- CSS3 文本溢出截取
- css3--单行、多行文本溢出
- CSS3控制单行文本的溢出
- CSS3文本溢出
- CSS3文本溢出显示省略号
- HTML5+CSS3-第二节(浏览器前缀、css新特征、文本溢出、新的颜色设定、透明设定、文本填充色、文本边框色、圆角)
- css3 多行文本 溢出 省略号
- css3实现多行文本溢出显示省略号...
- CSS3入门【四】 文本效果