【CSS】縦横中央寄せ
▼中央寄せは簡単だ
CSSの縦横中央寄せに関してその1
index.html
<div class="btn-test"> <a href="">ほげ</div> </div>
.btn-test{ display: table-cell; vertical-align: middle; text-align:center; width: 100px; height: 100px; background: #000; }
上記のとおりに記述することにより、btn-testの子要素であるaタグが縦横中央寄せ出来ます。
気をつけるのは、
1.親の縦横を固定値にしておかないと、子要素の中央寄せが効かない
2.子要素をインライン要素にする