css中文本超出部分省略号代替

Posted 2020-07-01 奔跑的蜗牛

p{

    width: 100px; //设置p标签宽度

    white-space: nowrap; //文本超出P标签宽度不换行，而是溢出

    overflow: hidden; //文本超出P标签，超出部分隐藏

    text-overflow: ellipsis; //CSS3的新属性：显示省略号代替被修剪的文本；其他两个属性：1、clip-修剪文本，2、string-使用给定的字符串来代表被修剪的文本

}