Как выровнять div внутри TD с помощью класса

Хорошо, что он работает таким образом

<td align="center">

Но я хочу использовать класс

Я определил класс таким образом, но не повезло

td
{
    vertical-align: middle;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    align: center;
}

Вертикальное выравнивание работает и выравнивание текста работает для текста. Но он не выравнивает div внутри td таким образом. Я хочу выровнять div внутри td.

Ответ 1

div { margin: auto; }

Это центрирует ваш div.

Div сам по себе является блочным элементом. Поэтому вам нужно определить стиль для div, как вести себя.

Ответ 2

Я не могу с тобой помочь без небольшого (возможно, уменьшенного) сокращения проблемы. Если проблема в том, что я думаю, то это потому, что по умолчанию div занимает 100% ширина, и как таковая не может быть выровнена.

То, что вам может понадобиться, - выровнять встроенные элементы внутри div (например, текст) с помощью text-align: center;, в противном случае вы можете рассмотреть возможность установки div на display: inline -блок;

Если вы идете вниз по встроенному маршруту, вам, возможно, придется рассмотреть мой любимый взлом IE.

width:100px;
display:inline-block;
zoom:1; //IE only
*display:inline; //IE only

Счастливое кодирование:)