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

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

親要素 {
display: table;
}

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

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

box-sizing: border-box;

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

この記事を書いた人

mihoji

大阪でWEB屋さんをやっています。 WordPressを使ったサイト構築と、小規模な企業のマーケティング提案が得意です。 WordPressとIT系勉強会とビールがすき。