中心AA固定股利一个固定的宽度专区内

您好我无法定心一个div，与margin:0 auto;我有我的HTML结构是这样，中心AA固定股利一个固定的宽度专区内

<div class="wrapper"> 
    <div class="content"> 
     <nav class="mini"> 
      <!-- nav class mini content --> 
     </nav> 
    </div> 
</div>

的CSS是这样的，

.wrapper { 
     width:1154px; 
     margin:0 auto; 
    } 

.content { 
    width:906px; 
    margin:0 auto; 
    text-align:center; 
} 

.mini { 
    width: 350px; 
    margin:0 auto; 
}

我期望.mini以.content为中心，但这不是我做错了什么？

来源

2012-07-04 Udders

对我很好看：http://jsfiddle.net/NEc3r/ – Samuel

@Samuel看看我的小提琴，你会看到我的问题http://jsfiddle.net/pYbAP/ – Udders

对我来说也很好。也许你没有看到正确的浏览器分辨率。 –

所有您的div都居中。唯一的问题是你的李的左边是浮动的。所以让你的ul中心&它会看起来不错。

.mini ul {display:inline-block;}

小提琴演示：http://jsfiddle.net/surendraVsingh/pYbAP/7/

来源

2012-07-04 15:10:12 SVS

自动保证金没有影响，但它可以工作，因为父元素具有文本对齐：居中。 – Samuel

在你的小提琴你.mini DIV的。内容中居中，但你有没有心，你有内.mini

你需要的保证金申请的内容：0自动CSS的UL在那里也适用文本对齐：中心到.mini

来源

2012-07-04 15:09:01

的问题是，你给一个max-width到.wrapper div。当浏览器的宽度小于1154px时，.wrapper的宽度变成浏览器宽度。如果您将浏览器窗口设置得足够小，则.wrapper的宽度会变得小于其子宽.content的宽度。如果家长比孩子更小，那么margin: 0 auto，不能做它的存在做，因为auto变为0

尝试关闭max-width为width，它会像你希望它在何种浏览器宽度。

来源

2012-07-04 15:10:34 banzomaikaka

因为nav是一个html5元素，所以必须先将其显示为一个块：nav {display：block; }事实上，默认情况下任何不显示为块的元素都不能使用margin属性居中。大多数框架已经为你做了，但你总是可以使用这个来自Eric Meyer's CSS Reset的CSS重置代码。

来源

2012-07-04 15:26:23

中心AA固定股利一个固定的宽度专区内

回答

相关问题