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

今更幅指定しないボックスの中央寄せ

CSS HTML

今更ですみません。常識ですみません。

あれ、これ IE でどうやるんだろ。と思ったので近くにいた凄腕コーディング職人に訊いてみた。こうだった。

display:inline;
zoom:1;

へぇー!これで IE6/7 で inline-block をエミュレートできるんですね。知らなかった。

というわけで、

<!DOCTYPE html>
<html>
<head>
<style type="text/css">
#outer {
border:1px solid #f00;
width:400px;
height:400px;
text-align:center;
}

#inner {
border:1px solid #00f;
display:inline-block;
*display:inline;
zoom:1;
text-align:left;
}
</style>
</head>
<body>
<div id="outer">
<div id="inner">
testtestteste<br />
test
</div>
</div>
</body>
</html>

こんな感じでこれになった。よかったよかった。ありがたい。