2

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


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

  1. 居中所有内容

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

  3. 已在其中放置了测试内容,但并不那么广泛


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

问题似乎是#imageholder?

4

1 回答 1

0

您可以 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/

于 2012-05-28T12:57:01.733 回答