我无法将我的网站置于中心位置

时间:2014-02-26 03:05:40

标签: css

无论我做什么,我的网站都不会集中。我试过了

margin: auto 0;

我试过了

margin-left: 50%;
margin-right: 50%;

我取得的最大成功是将整个网站对齐,这与我拍摄的并不完全相同。

这是控制网站对齐的CSS,以及其他细节。如果你能解雇我,我会非常感激。

#Content {
    width: 1200px;
    height: 850px;

    padding: 5px;
    margin-left: 50%;
    margin-right: 50%;

    background-color: #006600;

    font-size: 12px;
    font-color: #000;
    text-align: center;
    font-style: normal;
    font-family: Arial, Helvetica, sans-serif;
}

2 个答案:

答案 0 :(得分:2)

安德鲁是对的,应该是:

margin:0 auto;

这是以速记格式表示的边距。当只给出2个值时,它被解释为:

margin: (top and bottom value), (left and right value);

所以

margin: 1px 2px;

装置

margin-top: 1px;
margin-bottom: 1px; 
margin-left: 2px;
margin-right: 2px;

更多信息here

答案 1 :(得分:1)

余量:汽车;工作良好。在这里查看演示。

Fiddle

Full Screen Demo

只需替换

margin-left: 50%;
margin-right: 50%;

margin:auto;

完整CSS

#Content {
background-color: #006600;
margin:auto;
padding: 5px;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-style: normal;
font-color: #000;
width: 1200px;
height: 850px;
}