这次给大家带来怎样让文字超出div后自动隐藏并且显示省略号,文字超出div后自动隐藏并且显示省略号的注意事项有哪些,下面就是实战案例,一起来看一下。
文字超出div后自动加上...
只需要在css中设置如下样式即可:
label{
width: 25px; //必须设定宽度
overflow: hidden;
text-overflow: ellipsis; //设置文字溢出时
white-space: nowrap;
word-break: keep-all;
}
相信看了本文案例你已经掌握了方法,更多精彩请关注其它相关文章!
推荐阅读:
css3阴影的详解
javascript的数组使用集合
怎样用canvas绘制星空,月亮,大地,添加文字
怎样用canvas来绘制弧线和圆
以上就是怎样让文字超出div后自动隐藏并且显示省略号的详细内容。