0

これは奇妙に聞こえるかもしれませんが、次のようにします。

<table id="MyTableID">
     <tr>
         <td align="center">
                <div id="1">
                   Content
               </div>
        </td>
     </tr>
 </table>

「コンテンツ」を中央に揃えますが、次のようになります。

<table id="MyTableID">
     <tr>
         <td style="text-align: center;">
                <div id="1">
                   Content
               </div>
        </td>
     </tr>
 </table>

左揃えにします。

margin-left: autoとの使用に関する多くの投稿を読みmargin-right: auto、スタイルを css ファイルに抽出しました。これは私にはうまくいかないようです。

誰かが理由を知っていますか？私は何を間違っていますか？Firefox 19 を使用しています。

4

1 に答える 1

2

ここでの誤解は、従来の html 配置を使用する場合、親要素で配置のスタイルを宣言することだと思います。

<td align="center">
    <!-- Centered stuff in here -->
</td>

ブロック レベルの要素の配置に text-align を使用しないでください。また、ブロック要素を使用する場合、通常、そのスタイルをその特定のノードに適用してから、余白を使用して整列させます。

<td>
    <div style="width:100px;margin:0 auto"></div>
</td>

そうは言っても、テーブルにブロック要素をスローすることは、決して良い考えではありません。テーブルは通常、HTML メールと表形式のデータ用に予約されています。最新の Web 製品のほとんどは、CSS を使用した div/span で構成されています。

于 2013-04-03T21:21:14.793 に答える