如何使用css将内联div居中？

如何使用css将内联div（而不是其内容）居中

---

非常重要：div的宽度未知（我无法指定）

如果inline的意思是，它的CSS display属性设置为

inline

，那么您可以通过给直接父容器一个

文本对齐：center

如果您指的是另一个div中的一个div，那么如果您可以添加一个包装器并浮动这两个div，则可以采用这种方法：

---

将其包装成一个div，您可以指定该div的宽度，然后将该div的边距设置为：margin:0，auto

您可能不需要

显示：内联块

和

文本对齐：居中。另外，您可能需要给它一个
垂直对齐：top
我解决了这个问题。
您应该在
div
外部添加新的
div
，并使用
text align:center
，如下所示


这是最简单、最直接的解决方案

.center {
  display: table;
  margin: auto;
}

你不是疯了，他们在CSS（2&3）规范中严重遗漏了这一点，当
标签被弃用时，应该添加一个样式规则来立即替换它。有人知道怎么做了吗，或者CSS仍然被破坏了吗？如果目的是将其设置为
内联
…为什么要使用
？这种解决方案似乎在99%的情况下都不起作用，因为这样做会完全改变布局。它不起作用。如果我在容器上设置了text align:center，即使我在div上覆盖了text align样式，我的div的内容也会居中。@尼克：同意将块元素设置为inline有点毫无意义，但这似乎是Mihai的要求。@Mihai：检查CSS对div及其内容的特殊性。通过使用一个ID或多个选择器使其更加具体，div的内容不应居中。如果不起作用，请使用
text align:left！重要的我有这样的东西：文本
一些较长的文本
一些较长的文本。我只想把我的div放在页面的中心，所有的图像一个接一个，文本在右边。这些图像是一些小图标。我将div内联，只是为了不将其分布在页面的整个宽度上：（因为这种方法只适用于块元素。内联元素没有指定的宽度。这种方法总是有效的，您需要阻止它。display:block；width:200px；margin:0 auto 0 auto；当我试图在Wordpress中从Giphypress将iframe居中时，这种解决方案对我有效。好东西！不适合多个div-因为如果有多行div，第二行将从上一行开始对齐-如果param float:left，则向左对齐，右侧将有大量空间-它将不居中。