css 文本超出...

最新推荐文章于 2024-10-12 09:29:40 发布

Koreyoshi123654

最新推荐文章于 2024-10-12 09:29:40 发布

阅读量899

点赞数 1

分类专栏： css特殊样式文章标签： css 前端 css3

本文链接：https://blog.csdn.net/Koreyoshi123654/article/details/127919421

版权

css特殊样式专栏收录该内容

3 篇文章 0 订阅

订阅专栏

单行

.oneline {
      width:300upx; /*宽度一定要设置*/
      overflow: hidden; /*文本超出隐藏*/
      text-overflow: ellipsis; /*文本超出显示省略号*/
      white-space: nowrap; /*超出的空白区域不换行*/
    }

多行

 .twoline {
        width:300upx; /*宽度一定要设置*/
        overflow: hidden;
        text-overflow: ellipsis;
        word-break: break-all; /*允许在单词内换行,防止有字母时候出问题*/
        display: -webkit-box; /*将对象作为弹性伸缩盒子模型显示*/
        -webkit-line-clamp: 2; /*多行在这里修改数字即可*/
        -webkit-box-orient: vertical; /*从上到下垂直排列子元素*/
      }