css - 在CSS中居中一个div

<分区>

我正在尝试将此页面上的新闻 slider (在 div 底部容器中)居中:

我已经有了 text-align: center;

还是不行。

有什么建议吗？

最佳答案

text-align: center; 仅使元素的内联内容居中，而不是元素本身。

如果是block element (一个div是)，你需要设置margin: 0 auto;，否则如果它是一个inline element ，您需要在其 parent 元素上设置 text-align: center;。

margin: 0 auto; 会将上下边距设置为 0，将左右边距设置为 auto(大小相同) 以便它自动将自己置于中心。这仅在相关 block 元素具有已知的 width(固定的或相对的)时才有效，否则它无法确定从哪里开始和结束。

关于css - 在CSS中居中一个div，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/2281087/

相关文章：

html - 将 ul 在 div 中垂直和水平居中