CSS

スマホで要素をいい感じに並べるメモ

▼縦位置で、テキストが1行だったり2行だったり可変でも中央揃えにする。

親要素 {
display: table;
}

子要素 {
display: table-cell;
vertical-align: middle;
}

▼横向きに要素を均等に並べるとき

box-sizing: border-box;

こうすると、widthの幅が、borderやpaddingを含めた幅になる

Previous Post Next Post

Leave a comment

Leave a Reply