又一个文字垂直居中

今天看到一个解决文字垂直居中的demo,无论从扩展性还是周围影响性,都很巧妙且不牵强

.vertical {
    position: relative;
    top: 50%;
    transform: translateY(-50%);
}

真是一举解决了困扰多年的难性问题。

http://jsfiddle.net/chromefans/52knm20r/embedded

    原文作者:赵团结
    原文地址: https://www.jianshu.com/p/1311d5d1c6ae
    本文转自网络文章,转载此文章仅为分享知识,如有侵权,请联系博主进行删除。
点赞