0

私はhtmlが初めてで、ウェブサイトのデザインに取り組んでいます。スクロールバーを配置するまで、中央揃えのテーブルを作成しました。スクロールバーを取り出さない限り、テーブルを中央揃えにすることはできません。私がこれまでに持っているものをお見せします：

<div style="overflow: auto; height: 86px; width: 750px;">
<table
style="height: 86px; margin-left: auto; margin-right: auto; width: 750px; text-align: left;"
border-style:="" hidden;="" cellpadding="2" cellspacing="2">
  <tbody>

    TABLE CONTENT with multiple rows and two columns.
  </tbody>
</table>
</div>

私はいくつかの異なるアプローチを試みましたが、まだ運がありません。それほど難しいことではないように思えるので、小さいながらも重要な詳細を見落としていると思います。どんな助けでも大歓迎です。

4

1 に答える 1

1

「margin-left: auto; margin-right: auto」スタイルをテーブルではなく div に移動します。また、div とテーブルは同じサイズであるため、スクロールバーはありません。

<div style="overflow: auto; height: 86px; width: 500px;margin-left: auto; margin-right: auto; "> 
    <table style="height: 86px; width: 750px; text-align: left;" border-style:="" hidden;="" cellpadding="2" cellspacing="2"> 
        <tbody>
            <tr>
                <td>1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 </td>
                <td>2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 </td>
            </tr>
            <tr>
                <td>3 3 3 3 3 3 3 3 3 3 3 3 3 3 3 </td>
                <td>4 4 4 4 4 4 4 4 4 4 4 4 4 4 4 </td>
            </tr>
        </tbody>
    </table>
</div
于 2009-12-22T17:52:37.413 に答える