我做了一个CSS模板
页面的中心,我希望把它在 页面的中心,当我打开它出现在 页面左边的浏览器 任何帮助,请我怎样才能让我的网站在
回答
您需要使用margin:auto
与指定width
这样的:
#wrapper{
margin:auto;
width:1000px; /* adjust width */
}
凡#wrapper
应该是你的页面上的主要容器元素。
用户
body{
margin:0 auto;
}
or top root parent id
#parentid{
margin:0 auto;
}
身体标记默认为100%宽度。因此,将左右边距设置为自动将无效。 – 2010-09-02 13:47:47
得到这个中心得当,包装需要有一组宽度,我们需要将左,右页边距设置为自动。
#wrapper {
width: 960px; /* set to width of content */
margin: 0 auto;
}
Sarfraz在右页,但没有理由将顶部和底部边距设置为自动。我们应该只影响获得我们想要的结果所必需的属性。
值得注意的是,这也会影响'#wrapper'的顶部和底部边距。 – Armand 2010-09-03 08:52:55
@Alison,我怀疑Maged目前是在#wrapper的顶部还是底部设置了空白。 – 2010-09-03 12:22:33
我的方法与已有的稍有不同,所以这里是我的建议。
div#wrapper {
width: 960px;
position: absolute;
left: 50%;
margin-left: -480px;
}
其中#wrapper是包含您网站主要内容的div。
margin-left应该等于宽度的一半。
这个解决方案比'margin-left:auto; margin-right:auto;'? – Armand 2010-09-02 14:07:03
这是一个很好的解决方案,用于垂直居中,但是通过绝对定位它将整个包装从标准流程中取出似乎是没有必要的。此外,还有更简单的解决方案,不是黑客。 – 2010-09-02 14:21:56
RE:Brian - 如果你不想把它从流程中拿出来,你可以使用position:relative;那么任何跟随div的东西都会出现在它应该在的位置。这已经很简单了,所以我不会把它定义为黑客。 RE:艾莉森 - 我不认为使用任何一个优势/劣势。这只是我一直这样做的方式,而且它对我一直都有效。 – diggersworld 2010-09-02 14:42:12
指定左,右页边距为auto
,并设置一个宽度为身体:
body {
margin-left: auto;
margin-right: auto;
width: 780px;
}
我选择780px的宽度,但你可以把任何你想要的。在其他单位中指定(例如,%,%)也应该起作用。
- 1. 我怎样才能让我的网站不显示iframe中
- 2. 我怎样才能阻止网站?
- 3. 我怎样才能让网站链接在警告对话框
- 4. HTML:我怎样才能让我的页脚在我的网站底部?
- 5. 怎样才能让评论框,我的网站
- 6. 我怎样才能让在装配
- 7. 我怎样才能让$ routeProvider在angularjs
- 8. 我怎样才能让我的整个网站模糊,淡入淡出?
- 9. 我怎样才能
- 10. 我怎样才能在网格视图
- 11. 我怎样才能让CSS动画
- 12. 我怎样才能让侧边栏
- 13. 我怎样才能让它干?
- 14. 我怎样才能让吐司消失?
- 15. 我怎样才能让课程“重设”?
- 16. 我怎样才能让深性质
- 17. 我怎样才能让猫壳循环?
- 18. 我怎样才能让-drawRect执行?
- 19. 我怎样才能让这个更好
- 20. 我怎样才能让StackPanel使用ItemTemplate?
- 21. 我怎样才能让joomla3.x
- 22. 怎样才能在我们的网站上创建子域名
- 23. 我怎样才能让我的现有网站的个人网页,并显示在我的Android应用
- 24. 我怎样才能在Magento
- 25. 我怎样才能在C++
- 26. 我怎样才能在Python
- 27. 我怎样才能在Castle.Windsor
- 28. 我怎样才能在MySQL
- 29. 我怎样才能在Zebble
- 30. 我怎样才能在vb.net
感谢所有答案 – john 2010-09-03 18:48:38