如何使用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内部对齐。我想在div中对齐td。

Answer 1

div { margin: auto; }

这将使你的div居中。

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

Answer 2

如果没有一小部分（可能是减少的）问题，我无法帮助你。如果问题出现在我认为的问题上，那么因为默认情况下 div 占用 100％宽度，因此无法对齐。

你可能想要的是将div中的内联元素（例如文本）与 text-align：center; 对齐，否则你可以考虑将div设置为 display：inline嵌段;

如果你沿着内联阻止路线走，那么你可能不得不考虑我最喜欢的IE浏览器。

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

快乐编码：）