▼縦位置で、テキストが1行だったり2行だったり可変でも中央揃えにする。
親要素 {
display: table;
}
子要素 {
display: table-cell;
vertical-align: middle;
}
▼横向きに要素を均等に並べるとき
box-sizing: border-box;
こうすると、widthの幅が、borderやpaddingを含めた幅になる
▼縦位置で、テキストが1行だったり2行だったり可変でも中央揃えにする。
親要素 {
display: table;
}
子要素 {
display: table-cell;
vertical-align: middle;
}
▼横向きに要素を均等に並べるとき
box-sizing: border-box;
こうすると、widthの幅が、borderやpaddingを含めた幅になる