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;