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

68

它以这种方式工作

<td align="center">

但是我想使用CSS类。

我这样定义班级但没有运气

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

垂直对齐有效，文本对齐有效。但是它不能通过这种方式将td内的div对齐。我想在TD内对齐div。

html center alignment html-table

— 怪物MMORPG
source

您的脚本应该可以工作。必须有其他css样式覆盖您的td样式。

— 索尼

1

不，你不对。您的td中有一个block元素，需要自己设置样式。

— 卢克，

这里的解决方案=> stackoverflow.com/a/57590933/2736742

— A.Morel，

137

div { margin: auto; }

这将使您的div居中。

Div本身就是一个障碍。因此，您需要为div定义样式。

— 卢克
source

7

如果没有问题的小片段（可能减少了），我将无济于事。如果问题出在我的想象中，那是因为默认情况下div占用width的100％，因此无法对齐。

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

如果您确实采用了内联阻止路线，则可能必须考虑我最喜欢的IE hack。

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

快乐编码:)

— 马丁
source

divs有背景图片。所以它们的大小在变化。如果他们采用100％的宽度，我不会问它如何对齐：)

— MonsterMMORPG，2011年