DIV центр выравнивать

Question

У меня есть DIV, который имеет все содержимое выровненный до центра:

<div align="center"> 
    <table><tr><td>..... 

Но выравнивать не более допустимым атрибутом. Итак, я изменил класс или стиль:

<div style="text-align:center;"> 

Но это не то же самое, что и раньше. Теперь таблица выровнена влево, а не в центр. Очевидный выравнивание текста не эквивалентен атрибуту старого центра. Как написать стиль для достижения той же функциональности, что и раньше, с атрибутом центра?

Answer 1

Просто используйте margin: 0 auto на своем table, чтобы развить его.

См HERE

Answer 2

Как уже упоминалось выше, в комментарии вам необходимо выравнивать таблицу

Добавьте это в CSS:

table.center { 
       margin-left:auto; 
       margin-right:auto; 
      } 

А затем добавьте это к вашему столу:

<table class="center"> 
... 
</table> 

Answer 3

Если вы хотите выровнять таблицу по центру, используйте следующую ing

<table align="center"> 

Это приведет к выравниванию таблицы к центру div.

Answer 4

Вы можете попробовать это: -

div{ 
    width:90%; 
    margin:0 auto; 
    text-align:center; 
} 

или

<div style="width:90%;margin:0 auto;text-align:center"> 
    <table> 
     <thead> 
      <tr> 
       <th>header</th> 
      </tr> 
     </thead> 
     <tbody> 
      <tr> 
       <td>data</td> 
      </tr> 
     </tbody> 
    </table> 
</div 

Answer 5

Чтобы выровнять таблицу в центре родительского элемента таблицы, просто используйте:

table { 
margin: 0 auto; 
} 

Также чтобы выровнять таблицу по центру относительно высоты родительского элемента таблицы, вы можете дать высоту строки такой же, как высота родительского элемента ,

Answer 6

Возможно, посмотрите here?

Я использовал это несколько раз для вертикального центра содержимого.

Затем взгляните на бутстрап. У них есть смеси, которые заботятся о горизонтальном выравнивании (here).

Edit:

@mattytommo имеет хороший ответ для горизонтального выравнивания.