龙岩易富通网络科技有限公司

龙岩小程序开发,龙岩分销系统

CSS截取截取字符长度并显示省略号的方法

2020.02.04 | 346阅读 | 0条爱博体育 | css

<div class='title'>解决标题显示太长省略多余部分并加省略号的样式</div>


.title {

      display: block; /* 当前元素本身是inline的,因此需要设置成block模式 */

      white-space: nowrap; /* 因为设置了block,所以需要设置nowrap来确保不换行 */

      overflow: hidden; /* 超出隐藏结合width使用截取采用效果*/

      text-overflow: ellipsis; /* 本功能的主要功臣,超出部分的剪裁方式 */

      -o-text-overflow: ellipsis; /* 特定浏览器前缀 */

      text-decoration: none; /* 无用 */

}


赞 (

发表爱博体育