html label 两端对齐,如果实现表单的label文字两端对齐

使用text-justify, text-align-last

参考：案例

html：

密 码：

css：

.formBox2 label {

text-align:justify;

text-justify:distribute-all-lines;/*ie6-8*/

text-align-last:justify;/* ie9*/

-moz-text-align-last:justify;/*ff*/

-webkit-text-align-last:justify;/*chrome 20+*/

display: block; width: 120px; height: 30px; line-height: 30px; overflow: hidden;

}

@media screen and (-webkit-min-device-pixel-ratio:0){/* 兼容旧版chrome， 以及一些极速模式*/

.formBox2 label:after{

content:".";

display: inline-block;

width:100%;

overflow:hidden;

height:10px;

line-height:0;

font-size: 0;

}

}

兼容：Chrome，sogou，firefox，ie6+

优点：不需要计算

缺点：文字之间必须有空格，标签需有宽度