scss SCSS:垂直中心Mixin

Posted

tags:

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

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

.element p {
	@include vertical-align();
}

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

scss 垂直和水平对齐SASS mixin

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

scss 通过@content垂直对齐显示表/ table-cell mixin

scss mx-垂直中心

scss よく使ってる便利そうなmixin集(Scss mixin collection)

scss SCSS Breakpoints Mixin