Question

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

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

Answer 1

如果你的意思是inline，它的CSS显示属性设置为inline，那么你可以通过给直接父容器text-align:center

来居中它

如果你的意思是另一个div中的div，你可以按照这种方法，如果你可以添加一个包装并浮动两者：

How to horizontally center a floating element of a variable width?

Answer 2

我解决了这个问题。您应该在div之外添加text-align:center div的新<div style="text-align:center;"> <div>

</div></div>

不在内联显示// in: json_parse(text, reviver) function reviver (key, value) { var a; if (typeof value === 'string') { a = /^(\d{4})-(\d{2})-(\d{2})T(\d{2}):(\d{2}):(\d{2}(?:\.\d*)?)Z$/.exec(value); if (a) { return new Date(Date.UTC(+a[1], +a[2] - 1, +a[3], +a[4], +a[5], +a[6])); } } return value; }

Answer 3

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

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

Answer 4

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

Answer 5

如果你想让它变成“块状”，你可以在父元素上使用display:inline-block和text-align:center;。你也可能需要给它一个vertical-align:top

如何使用CSS中心内联div？

5 个答案: