超出指定文本以省略号显示效果,用css的"text-overflow:ellipsis;"实现 text-overflow:ellipsis;  溢出的部分用 省略号 表示。 div.test{   white-space:nowrap;   width:123px;   overflow:hidden;   border:1px solid #000000;   text-overflow:ellipsis;}    
CSS3如何实现超出指定文本以省略号显示效果
    超出指定文本以省略号显示效果,用css的"text-overflow:ellipsis;"实现
text-overflow:ellipsis;  溢出的部分用 省略号 表示。
<!DOCTYPE html><html><head><style> div.test{    white-space:nowrap;     width:123px;     overflow:hidden;     border:1px solid #000000;    text-overflow:ellipsis;}</style></head><body>    <p>这个 div 使用 "text-overflow:ellipsis" :</p>    <div class="test">        This is some long text that will not fit in the box    </div></body></html>在div块中要设置宽度,"overflow:hidden;"要跟"text-overflow:ellipsis;"使用才行
2016-11-04
订单的的随风倒随风倒十分撒地方撒地方
2019-02-14