読者です 読者をやめる 読者になる 読者になる

Keep It Real BLOG

ソフトウェアエンジニア。1児の父。 酒、ラーメン、サッカー好き。旅行も好きですが、普段は出不精で大抵たまプラーザ界隈に居ます。

divでvalignをmiddleにする方法

Web-CSS Web

divでvalignをmiddleに出来るということで、なかなか便利なので、メモ。

HTML

<div class="sample1">
<div>
aaaa
</div>
</div>

CSS

div.sample1{}

div.sample1 div{
display:table-cell;
width:100px;
height:100px;
vertical-align:middle;
}