LESS – 另类垂直居中混入类

另类垂直居中的方式，占用:after元素，支持:after的元素均支持该种垂直居中方式

示例：.vertical-middle(‘.content’);

关于伪元素:after的支持情况：http://caniuse.com/#search=%3Aafter <无>

.vertical-middle(@tag) {
    text-align:         center!important;

    &:after {
        content:            '';
        display:            inline-block;
        width:              0;
        height:             100%;
        vertical-align:     middle;
    }

    @el:        ~"@{tag}";

    & > @{el} {
        display:            inline-block!important;
        vertical-align:     middle!important;
        text-align:         left;
    }
}