scss SASS:垂直对齐

Posted

tags:

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

/*
 =====================================================================
  $ Vertical Alignment
 =====================================================================
 *
 * see @ http://zerosixthree.se/?p=196
 *
 * Usage
 *
 *.element p {
 *  @include vertical-align();
 * } 
 */

@mixin vertical-align($position: relative) {
	position: $position;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}

以上是关于scss SASS:垂直对齐的主要内容,如果未能解决你的问题,请参考以下文章

scss CSS,SASS,SCSS:居中对齐块级元素

scss Flexbox SASS Mixin:7。对齐项目

scss 使用SASS以正确的方式将类型与基线对齐

scss Sass mixin用于定位元素绝对中间/居中垂直/居中水平

text 只需一行SCSS就可以垂直和水平对齐或只是垂直对齐,它同时支持两者。

text 只需一行SCSS就可以垂直和水平对齐或只是垂直对齐,它同时支持两者。