scss SASS Vertical Align Mixin

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了scss SASS Vertical Align Mixin相关的知识,希望对你有一定的参考价值。

/* http://zerosixthree.se/vertical-align-anything-with-just-3-lines-of-css/ */
@mixin vertical-align {
  position: relative;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}

.element p {
  @include vertical-align;
}

以上是关于scss SASS Vertical Align Mixin的主要内容,如果未能解决你的问题,请参考以下文章

scss dinamic vertical align in box css / sass with flex cross browser

scss Flexbox SASS Mixin:9。align-self

scss Flexbox SASS Mixin:8。align-content

怎么理解CSS中vertical-align这个属性

scss scss_vertical-center.scss

vertical-align