0

動作する醜いコードは次のとおりです。

<table style="margin: auto"><tr><td>
Name: Fred Flintstone<br>
Home: Bedrock<br>
Favorite activity: Going to the drive-in and eating a brontosaurus burger!
</td></tr></table>

私の目標は、左揃えのテキストのブロックを中央に配置することです。この時点でそれを行う方法を知っている唯一の方法は、必要な包含divの幅を測定/推測することです。「わかりました。たぶん 400px です。いいえ、それではラップしてしまいます。450 を試してみましょう。」

私が実際に必要としているのは、コンテナーを作成するためのコードです。これにより、コンテナー内に任意のテキストを配置し、その幅に合わせてサイズを変更できます。

4

1 に答える 1

3

<div>次のようにいくつかのコンテナーを使用することもできます (例 fiddle )。

<div id="container">
    <div id="content">
      Name: Fred Flintstone<br>
      Home: Bedrock<br>
      Favorite activity: Going to the drive-in and eating a brontosaurus burger!
    </div>
</div>

そしてこのCSS：

#container {
    text-align: center;
}

#content {
    display: inline-block;
    text-align: left;
}
于 2012-06-21T12:46:31.677 に答える