CSS - 页面不居中

时间:2018-02-11 18:07:55

标签: html css

我把头发拉出来试着把这个页面放在中心位置。我班上的这本书有一个关于如何做到这一点的逐行示例,我在谷歌的每个地方给我相同的答案,但我不能让页面居中,我不知道为什么它不会居中。他希望我们为body元素制作一个样式规则,所以除非我使用了错误的元素,否则我不确定我做错了什么。

下面是我的输出:http://prntscr.com/id9kp0

页面内容应该居中。

CSS:

Filename: pc_specials.css

*/

/* Page Body Styles */
body {
    margin-left: auto;
    margin-right: auto;
    max-width: 950px;
    min-width: 640px;
    width: 95%;
}

body > header > img {
    display: block;
    width: 100%;
}




/* Image Styles */
img {
    display: block;
    width: 100%;
}

/* Horizontal Navigation Styles */
.horizontal li{
    display: block;
    float: left;
    width: 16.66%;
}

a:link {
    display: block;
}


/* Row Styles */
.newRow {
    width: 100%;
}
newRow::after {
    clear: both;
    content: "";
}

div[class*='col-'] {
    float: left;
    padding: 2%;
    box-sizing: border-box;
}

div[class*='col-1-1'] {
    width: 100%;
}

div[class*='col-1-2'] {
    width: 100%;
}


/* Column Styles */




/* Specials Styles */



/* Award Styles */



/* Footer Styles */

HTML: https://pastebin.com/Ts71GM97

任何帮助将不胜感激,我已经坚持了几个小时,我已经尝试了我能想到的一切。

1 个答案:

答案 0 :(得分:-1)

您可以尝试以下

loop: LoopUntilInputBufferEmpty: ;{get ACII / ScanCode From Input Buffer} cmp al , {...} jne KeyHandel1 ;Code KeyHandel1 cmp al , {...} jne KeyHandel2 ;Code KeyHandel2 cmp al , {...} jne KeyHandel3 ;Code KeyHandel3: cmp {bufferEmpty?} , {Yes} jne LoopUntilBufferEmpty ; ;{All Main Loop Code} jmp loop

output of the change