使用内容更改DIV宽度并将其放在中心位置。

Question

我试图让div居中并且最小宽度为630px。它应该根据内容的大小扩展宽度。

---

由于某种原因，即使我有：

，它占据了页面的整个宽度

1. 集中所有内容

2. 将其中的所有div设置为600px宽度

3. 已将测试内容放入不那么宽的

---

以下是相关位：http://jsfiddle.net/partisanentity/7KGRr/2/

问题似乎是#imageholder？

Answer 1

您可以在 #content DIV中显示：inline-block。写得像这样：

body{
    text-align:center;
}

#content {
    clear:both;
    min-width:630px;
    padding:15px;
    display:inline-block;
    *display:inline;/*For IE7*/
    *zoom:1;
    text-align:left;
    background-color:#5b5b5b;
    margin-top:15px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
}

选中此http://jsfiddle.net/7KGRr/3/