scss : div水平垂直居中
阿新 • • 發佈:2019-03-19
top class 一個 特性 scss 好用 語言 div 編寫
scss 是一個很好用的css預處理語言,有很多很好的特性。
比如 mixin。
我們可以像使用函數那樣使用mixin。
比如寫一個div水平垂直居中。
上代碼。
@mixin absolute_center_mixin($width, $height){ position: absolute; top: 50%; left: 50%; margin-left: -($width / 2); margin-top: -($height / 2); width: $width; height: $height; background: #000; } html{ body{ .main{ .left{ position: relative; .box{ @include absolute_center_mixin(3.106297rem, 1.405564rem); } } } } }
用vscode的scss live compiler插件可以很方便的編寫scss,他會幫你自動編譯成css。
以上。
scss : div水平垂直居中