css设置多余显示省略号
2017-10-11 15:27
169 查看
<meta charset="utf-8" />
<style>
.txt{
width:200px;
border:1px solid #ddd;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
</style>
<p class="txt">溢出文字隐藏溢出文字隐藏溢出文字隐藏溢出文字隐藏</p>
<style>
.txt{
width:200px;
border:1px solid #ddd;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
</style>
<p class="txt">溢出文字隐藏溢出文字隐藏溢出文字隐藏溢出文字隐藏</p>
相关文章推荐
- CSS设置多余的文本显示省略号
- CSS设置多余的文本显示省略号
- css设置文本最多显示两行,多余部分为省略号
- CSS设置多余的文本显示省略号
- CSS设置多余的文本显示省略号
- CSS设置多余的文本显示省略号
- 利用CSS使多余文字以省略号显示
- div+css设置列表li超出部分显示省略号
- 【知识整理】CSS多余的多行文本显示省略号
- CSS截取字符串,多余文字省略号显示
- 字符串过长CSS截取多余文字并用省略号显示
- CSS移动端多行显示多余省略号
- 如何根据移动端设备宽度来设置超过屏幕宽度的多余字显示为省略号
- css将多余文本以省略号显示
- CSS截取字符串,将多余文字用省略号显示
- css多余字符显示省略号
- flex 布局下,css 设置文本不换行时,省略号不显示的解决办法
- css截取字符串,多余部分用省略号显示
- CSS截取字符串,多余文字用省略号显示
- CSS截取字符串多余字符并以省略号显示