Question

我的包装内有标题和部分，标题内部和部分是图像。我只是尝试做一件简单的事情 - 采用父包装器和它的子元素并将它们放在页面上。无论我做什么，它都会冲到屏幕的左下角。下面：Html和CSS。

<!DOCTYPE html>    
<html>
    <head>
        <meta charset="utf-8">
        <title>Katie Simone Music</title>
        <link rel="stylesheet" a href="css/main.css">
    </head>
    <body>
        <div id="wrapper">
            <header>
                <img src="images/header1.png">
            </header>
            <section>
                <img src="images/pic.png">
            </section>
       </div>
</body>
</html>

 #wrapper{
    max-width:940px;
    margin:0 auto;
    padding: 0 5%;
 }

Answer 1

 #wrapper{
    max-width:940px;
    margin:0 auto;
    padding: 0 5%;
    text-align:center;
}

<!DOCTYPE html>


<html>

    <head>
        <meta charset="utf-8">
        <title>Katie Simone Music</title>
        <link rel="stylesheet" a href="css/main.css">
    </head>



<body>
    <div id="wrapper">
    <header>
        <img src="images/header1.png">
    </header>

    <section>
        <img src="images/pic.png">
    </section>
    </div>
</body>






</html>

将text-align:center添加到#wrapper样式

#wrapper{
    max-width:940px;
    margin:0 auto;
    text-align:center;
    padding: 0 5%;
}

Answer 2

尝试添加此内容：

body {
  text-align: center;
 }

Answer 3

C:\Python27\python.exe <filename.py>

Working DEMO

无法将标题和节中心包装在内部

3 个答案: