如何使用CSS类在td元素内对齐div

Question

它正在以这种方式工作

<td align="center">

但我想使用CSS类.

我这样定义了类,但没有运气

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

垂直对齐正在工作,文本对齐适用于文本.但它并没有以这种方式将div与div内部对齐.我想在td内对齐div.

Answer 1

div { margin: auto; }

这将使你的div居中.

Div本身就是一个障碍元素.因此,您需要为div定义样式如何表现.

Answer 2

没有一小部分(可能减少)的问题,我无法帮助你.如果问题是我认为的那么,那是因为默认情况下div占用了100%的宽度,因此无法对齐.

你可能想要的是将div中的内联元素(例如文本)与text-align:center对齐; 否则你可以考虑设置div来显示:inline-block;

如果你确实沿着内联块路线走下去,那么你可能不得不考虑我最喜欢的IE浏览器.

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

快乐编码:)