处理多行文字换行右边未对齐问题,使文字两边对齐

给文字标签添加css样式

text-align:justify; // 所有行两端对齐 会平均分配字间距两边顶满

                 left       //左对齐

                 right    //右对齐

                center  //居中

 最后一行文字左对齐 如果不使用改变最后一行文字,最后一行文字也会平均分配字间距两边顶满

text-align-last: left; //最后一行左对齐

                        right    //右对齐

                        center  //居中

 一般都是一起使用这两个属性

其他属性值

语法:text-justify:
1. auto 浏览器决定齐行算法。
2. none 禁用齐行。
3. inter-word 增加/减少单词间的间隔。
4. inter-ideograph 用表意文本来排齐内容。
5. inter-cluster 只对不包含内部单词间隔的内容(比如亚洲语系)进行排齐。
6. distribute 类似报纸版面,除了在东亚语系中最后一行是不齐行的。
7. kashida 通过拉伸字符来排齐内容。

猜你喜欢

转载自blog.csdn.net/weixin_70563937/article/details/131229651