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

Question

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

---

出于某种原因，它占据了页面的整个宽度，即使我有:

1. 所有内容居中

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

3. 在里面放了测试内容不是那么宽

---

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

问题似乎是#imageholder？

Answer 1

您可以将 display:inline-block 显示到您的 #content DIV。像这样写:

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/