css文字两端对齐，减少字符间的空白

最新推荐文章于 2024-07-03 18:00:13 发布

Pima

最新推荐文章于 2024-07-03 18:00:13 发布

阅读量1.7k

点赞数

分类专栏： css 文章标签： css

本文链接：https://blog.csdn.net/Gimamy/article/details/95480078

版权

css 专栏收录该内容

1 篇文章 0 订阅

订阅专栏

1.css 文字超出部分自动换行，并且文字两端对齐
text-align: justify;
text-justify: newspaper;
word-break: break-all; 

letter-spacing 属性增加或减少字符间的空白（字符间距）。

CSS-文本超出省略号表示
单行：
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    word-break: break-all;
多行：
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3;
overflow: hidden;


 word-break: break-all;
        text-overflow: ellipsis;
        display: -webkit-box;
        /** 对象作为伸缩盒子模型显示 **/
        -webkit-box-orient: vertical;
        /** 设置或检索伸缩盒对象的子元素的排列方式 **/
        -webkit-line-clamp: 2;
        /** 显示的行数 **/
        overflow: hidden;
        /** 隐藏超出的内容 **/
        word-wrap: break-word;
        /*英文强制换行*/