Question

正如标题告诉你的那样，我希望将父div作为中心，父div检索其所有子div的宽度。

这是我用来检索子div的宽度的代码：

.parent
{
    background-color: yellow;
    display: inline-block;
    font-size: 0;
    /*How could I center this div? I used to do: margin-left: auto; margin-right: auto;
    however for this I need to assign a fixed width. I want to assign the width of the
    content inside the div.*/
}

.child
{
    height: 100px;
    width: 100px;
    border: 1px solid red;
    display: inline-block;
}

来源：http://jsfiddle.net/53me4f8e/

我如何将这个div居中？

Answer 1

集中对齐父元素的文本，在本例中为body。 .parent显示为inline-block，这意味着它的行为类似于内联元素，因此居中：

body{
    text-align: center;
}

注意，由于text-align是继承的，您可能希望将left的文本对齐还原为right（或.parent，具体取决于偏好）：

.parent{
  text-align: left;
  /* Other styles.. */
}

JSFiddle

Answer 2

这应该是：

.parent{
display: block;
text-align:center;
}

updated your fiddle

将父div作为居中，宽度检索子div的宽度值

2 个答案: