HTMLとCSSの細かいテクニック集である。
●テーブルを中央に配置する。
tableタグにmargin:0 auto;を設定する。
●div要素を横に配置する
float: left;を設定すると左側に配置され、次のdiv要素にも設定すると、右に配置される。
※次の配置は、インライン要素なら右に配置され、ブロック要素なら最初の要素に重なって配置される。次のブロック要素に重ならない設定をするには、次のブロック要素にclear: left;を設定する
●ブロック要素の中のテキストを上下センタリングする。
display: -webkit-flex;
display: flex;
-webkit-align-items: center;
align-items: center;
●CSSで改行する
以下のCSSを用意する。
.clsBr::before {
content: "\A";
white-space: pre;
}
\Aは改行するという意味である。\A\Aとすれば２回改行する。<span class="clsBr">として埋め込む。