Невозможно выровнять таблицу по переполнению - PullRequest
Новая
       16

Невозможно выровнять таблицу по переполнению

0 голосов
/ 22 декабря 2009

Я новичок в 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>

Я пробовал несколько разных подходов, но все равно не повезло. Кажется, что это не должно быть так сложно, поэтому я полагаю, что пропускаю некоторые небольшие, но важные детали. Любая помощь будет принята с благодарностью.

1 Ответ

1 голос
/ 22 декабря 2009

Переместите стили «margin-left: auto; margin-right: auto» в таблицу вместо таблицы. Кроме того, ваш 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
...