如何使用firefox在浏览器中居中页面

时间:2014-08-14 12:13:31

标签: html css

如何在火狐浏览器中居中页面?

Screen shot

* {
    margin:0;
    padding:0;
    text-decoration:none;
    list-style-type:none;
}

body {
    background-color:#333333;
}

#wrapper {
    margin:auto;
    width:1000px;
    height:1706px;
    background-color: #999;
}

2 个答案:

答案 0 :(得分:-1)

尝试:

body{
width:100%;
}

#wrapper{
width:1000px;
margin:auto;
}

http://jsfiddle.net/VerdeletG/at8pe063/

对于包装器,小提琴宽度上的

为100px,并且为了演示目的实现了高度!

如果父元素具有设置宽度,则子元素的边距在父类中自动化,以便根据子元素的宽度自动居中。希望这就是你要找的东西!

答案 1 :(得分:-2)

试试这个

* {
    margin:0;
    padding:0;
    text-decoration:none;
    list-style-type:none;
}

body {
background-color:#333333;
overflow-x: hidden;
}

#wrapper {
    margin: 0 auto; 
    width:1000px;
    background-color: #999;
}