css如何实现文字两端对齐效果

本文介绍: 设置 text–align，并且设置伪元素 after 或者 before的样式，伪元素中可以添加 width:100%或padding–left:100%都可以实现我们所要的效果。想要实现文字两端对齐效果，可以使用CSS的text–align 属性。数字和英文字母则需要使用空格间隔开，再使用上述两种方法之一，就可以实现文字两端对齐了！

想要实现文字两端对齐效果，可以使用CSS的text–ali g n 属性。设置text–ali g n: justify;即可实现文字两端对齐效果。

方法1：给元素设置 text–a li g n: justify;text–a li g n–last: just i f y;并且加上text–just ify: dist ri bu t e–a ll–line; 目的是兼容 ie 浏览器

p{

            width: 130px;

            text–a li g n: ju st ify;

            text-ali gn-las t: ju st ify;

            /*兼容 ie*/

            text-just ify: dist ri bu t e-all-lin es;

        }

方法2：设置 t ext-ali gn，并且设置伪元素 after 或者 before的样式，伪元素中可以添加 width:100%或p add in g–left:100%都可以实现我们所要的效果。

p {

width: 200px;

            height: 30px;

            t ext-ali gn: just ify;

        }

p::after {

            content: “”;

            display: inline–block;

            /* padd ing-left: 100%; */

            width: 100%;

        }