scss dinamic vertical align in box css / sass with flex cross browser
Posted
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了scss dinamic vertical align in box css / sass with flex cross browser相关的知识,希望对你有一定的参考价值。
@mixin cell($align) {
display: table;
width: 100%;
&>* {
display: table-cell;
vertical-align: $align;
}
}
.boxes-type9 {
a {
display: block;
position: relative;
height: 100%;
&:hover {
.wrap-cover-img {
@include mask($brand-color, 0.8);
}
}
}
.wrap-cover-img {
position: absolute;
width: 100%;
height: 100%;
@include mask(black, 0.5);
}
.wrap-txt {
color: white;
position: relative;
height: 200px;// no importa el alto fijo ya que en tabla este sera como un min-height
text-align: center;
font-size: toRem(24);
font-weight: $regular;
@include cell(bottom);
&>* {
padding: 15px 15px 30px 15px;
}
}
}
以上是关于scss dinamic vertical align in box css / sass with flex cross browser的主要内容,如果未能解决你的问题,请参考以下文章
scss sass_vertical-ALIGN-mixin.scss
scss SASS Vertical Align Mixin
scss button's_text_vertical_center
动态线程池Dinamic-Tp(接入篇)
php Woocommerce类别主菜单Dinamic
html 如何在vue中以dinamically方式绑定背景