又一个文字垂直居中

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

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

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

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

推荐阅读更多精彩内容