text-align:justify实践

多列均匀布局主要是利用了text-align:justify，但text-align:justify不处理块内的最后一行文本（包括块内仅有一行文本的情况，这时既是第一行也是最后一行），也就是单行是不生效的，需要借助伪类after来实现多行，并将:after设为inline-block。

    

        1
        2
        3
        4
        5
        6
        7
        8
    
    

        1
        2
        3
    
    

        1
        2
        3
        4
        5
        6
    

• 利用这种原理同样可以处理表单元素文本长度不一致的情况，justify可以使文本的两端都对齐。在两端对齐文本中，文本行的左右两端都放在父元素的内边界上，例如帐号/用户密码描述长度不一样。