一行/多行文字超出用省略号代替(总是忘记)

以下样式必须同时使用!

   overflow:hidden;//内容溢出隐藏
   white-space:nowrap;//强制在同一行内显示所有文本,合并文本间的多余空白,直到文本结束或者遭遇br对象
   text-overflow:ellipsis;//文本溢出时用省略号代替

多行文字超出省略号代替:

    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;//要显示的行数
    -webkit-box-orient: vertical;

参阅:CSS单行、多行文本溢出显示省略号(……)

发表评论

电子邮件地址不会被公开。 必填项已用*标注