省略号相关设置;
a、单行文本显示省略号:
text-overflow:ellipsis 溢出内容被裁减,显示省略号/clip溢出内容被裁减,不显示省略号
b、省略号设置:
text-overflow属性仅是:当文本溢出时是否显示省略标记,并不具备其它的样式属性定义,要实现溢出时产生省略号的效果还需定义:
1、容器宽度:width:value;(px、%,都可以)
2、强制文本在一行内显示:white-space:nowrap;
3、溢出内容为隐藏:overflow:hidden;
4、溢出文本显示省略号:text-overflow:ellipsis;
css单行文本显示省略号必要条件
最新推荐文章于 2023-08-04 10:33:54 发布