Как выровнять div внутри элемента td с помощью класса CSS - PullRequest
Новая
       23

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

60 голосов
/ 15 августа 2011

Работает таким образом 

<td align="center">

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

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

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

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

Ответы [ 2 ]

123 голосов
/ 15 августа 2011 
div { margin: auto; }

Это будет центром вашего дел.

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

5 голосов
/ 15 августа 2011

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

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

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

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

Happy Coding:)

...