css两端对齐

写表单过程中,经常会遇见需要使用两端对齐的情况,如下图,这里记录一下两端对齐的小坑

 

 

css样式如下:

1 view{
2         display: inline-block;
3         width: 150rpx;
4         text-align:justify;
5         text-align-last:justify;
6     }
text-align:justify;文字对齐方式之两端对齐,但只对最后一行之前的行数有效,为了排版正常,最后一行是默认左对齐的。如果只有一行又想要两端对齐,则使用
text-align-last:justify;

posted on 2020-10-30 16:37  嗨哆嚒  阅读(705)  评论(0编辑  收藏  举报