想要实现文字两端对齐效果，可以使用CSS的text-align属性。设置text-align: justify;即可实现文字两端对齐效果。
方法1：给元素设置 text-align: justify;text-align-last: justify;并且加上text-justify: distribute-all-line; 目的是兼容ie浏览器
p{
width: 130px;
text-align: justify;
text-align-last: justify;
/*兼容ie*/
text-justify: distribute-all-lines;
}
方法2：设置 text-align，并且设置伪元素 after或者 before的样式，伪元素中可以添加width:100%或padding-left:100%都可以实现我们所要的效果。
p {
width: 200px;
height: 30px;
text-align: justify;
}
p::after {
content: "";
display: inline-block;
/* padding-left: 100%; */
width: 100%;
}
注意：text-align-last: justify;只对中文文字起效果，而对于数字和英文字母则需要使用空格间隔开，再使用上述两种方法之一，就可以实现文字两端对齐了！文章来源：https://www.toymoban.com/news/detail-427340.html
文章来源地址https://www.toymoban.com/news/detail-427340.html
到了这里，关于css如何实现文字两端对齐效果的文章就介绍完了。如果您还想了解更多内容，请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章，希望大家以后多多支持TOY模板网！
