实现单行文本俩端对齐
这种情况下,我们要实现俩端对齐,其实只需要给他一个固定宽度,再给他加一个属性就可以实现,因为text-align-last只对块级元素生效。
text-align-last: justify;
text-align介绍
CSS的text-align
属性用于设置文本的水平对齐方式。它有以下五个值:
left
:文本向左对齐。right
:文本向右对齐。center
:文本居中对齐。justify
:文本两端对齐,同时尽量填满容器宽度。inherit
:继承父元素的text-align
属性值。
还参考了其他文档,看设置trxt-align:justify就可以实现俩端对齐,但我设置这个属性没有变化,设置了 text-align-last: justify;这个属性,才实现两端对齐。
希望可以对你有所帮助,如果有帮助就点点赞吧!
如果有什么地方不严谨,错误,欢迎大家留言,让我可以进行更改