0

抱歉，我对此完全陌生。我正在尝试制作一个 div，这样我就可以在我的页面中间制作一个框，一切都会进入，就像在这个网站上http://www.jellyneo.net/index.php

我的 HTML 如下所示：

<!DOCTYPE HTML PUBLIC>
<html>
    <head>
        <link rel="stylesheet" type="text/css" href="CSSdoc.css" />
    </head>
    <body>
        <center>
            <div id="mainbox">
                <p>text</p>
            </div>
        </center>
        <h1> text </h1>
        <p>text</p>
        <h2> text </h2>
        <p>text</p>
    </body>
</html>

我在上面做的CSS看起来像这样

#mainbox {
    width: 900px
    text-align: left
}

我究竟做错了什么？

4

2 回答 2

0

You don't need the <center> tags in your HTML code; the CSS will help center things for you. Within your CSSdoc.css file, simply adjust to the following...

#mainbox {
    padding: 0;
    margin: 0 auto; /*the 0 here represents the top and bottom margin spacing. it's good to have and control in many cases.*/
    width: 900px;
    border: solid 2px #000; /*this is optional, more for debugging purposes to see your 900px scaled box*/
}
于 2013-06-27T21:20:11.320 回答
0 
margin:auto;

一旦它是固定宽度，这将在中心对齐。

<body style="margin:0;">
        <div  style="width:900px; margin:auto; border:1px solid #000;"  id="mainbox">
            <p>text</p>
     <h1> text </h1>

    <p>text</p>
     <h2> text </h2>

    <p>text</p>
        </div>

</body>

为了清楚起见，我添加了边框。

所以你的身体应该有

body{
margin:0;
}

你的盒子区域应该有

#mainbox{
width:900px; 
margin:auto;
}
于 2013-06-27T21:05:30.697 回答