以CSS为中心。

这可能会变成一个微不足道的问题，但我试图将所有的div放入一个容器中，但无论我尝试使用自动边距，所有东西都仍然对齐到页面的左侧。以CSS为中心。

任何人都知道发生了什么事？

把它贴的jsfiddle太：

#page-container { 
margin: 0px auto; 
}

任何帮助将是真棒家伙。

来源

2015-03-03 Lee

为了使用'magin：0 auto;'技巧，你需要放一个固定的'width'。 http://jsfiddle.net/eLogy4nh/1/ – 2015-03-03 12:32:16

请定义＃页容器的宽度 – 2015-03-03 12:32:44

您#page-container块的默认宽度为100％，所以margin: 0 auto不会做任何事情。

然而，你的块级子元素可以居中，例如：

#main-nav {  
    background: grey;  
    height: 30px;  
    width: 90%; 
    margin: 0 auto; 
}

您需要的margin: 0 auto适用于每个您希望#page-container母块内的中心容器。

你可以用CSS这许多方面，无论是应用相同的规则需要被居中或创建一个CSS类定心规则，那么类适用于每个块，例如每块：

#page-container > div { 
    margin: 0 auto; 
}

请注意，获得类似结果的更简单方法是将#page-container的宽度设置为90％，并让子元素占据父块的整个宽度。

但是，这两种技术都是有效的，要选择的技术可能取决于其他设计和布局考虑因素，例如使用背景图像等。

见演示小提琴在：http://jsfiddle.net/audetwebdesign/resqhsoe/

来源

2015-03-03 12:39:35

Marc，Aaron，Mike，Yogesh>谢谢你们，你们都是对的！，而且在来这里之前我已经尝试了这些东西。起初我以为我看不到树木，但事实证明，冒号和css中的值之间有一个不可打印的字符。我的编辑没有显示它，但是如果我在线观看了CSS，那就正好在那里凝视着我。尽管非常感谢你的帮助！以为我疯了。 – Lee 2015-03-03 14:52:51

看起来这上面已经回答了...

但居中的项目，它需要的宽度，没有一个块元素将包含100％可用空间。

#page-container { 
width: 70%; 
margin: 0px auto; 
}

来源

2015-03-03 12:40:44 Aaron

以CSS为中心。

回答

相关问题