文本溢出变省略号设置

省略号设置:

text-overflow属性仅是:当文本溢出时是否显示省略标记,并不具备其它的样式属性定义,要实现溢出时产生省略号的效果还需定义:

1、容器宽度:width:value;(px、%,都可以)

2、强制文本在一行内显示:white-space:nowrap;

3、溢出内容为隐藏:overflow:hidden;

4、溢出文本显示省略号: text-overflow:ellipsis;


注:必须是单行文本才能设置本文溢出!!!

你可能感兴趣的:(文本溢出变省略号设置)