#017 posted on 2017.06.01

並列要素の高さ揃え

並列にした要素の高さ揃え

 

いままで使っていた、

.親要素 {display:table;}

.子要素{display:table-cell;}

より良い方法があったのでメモ。

 

.親要素 {
    display:-webkit-box;
    display:-moz-box;
    display:-ms-box;
    display:-webkit-flexbox;
    display:-moz-flexbox;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:-moz-flex;
    display:-ms-flex;
    display:flex;
    -webkit-box-lines:multiple;
    -moz-box-lines:multiple;
    -webkit-flex-wrap:wrap;
    -moz-flex-wrap:wrap;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
}

 

 

http://shanabrian.com/web/html-css-js-technics/css-equal-height.php

SHARE THIS ON...

- 人気記事 -