Newbie asking for help: Why can't it be displayed in the center? _html/css_WEB-ITnose

WBOY

Release： 2016-06-24 12:08:22

Original

1073 people have browsed it

The CSS code is as follows:

body{ margin:0; padding:0; text-align:center;}
div#heard{ background:url(images/hd.gif) no-repeat ; height:132px;}
div#pagebody{ background:url(images/content.gif) no-repeat; height:538px; padding:0 15px; }
div#footer{ background:url(images/ ft.gif) no-repeat; height:100px; padding-top:30px;}

HMTL is as follows:

Example

< ;div id="pagebody">

It is left aligned after opening, which Something went wrong!

Reply to discussion (solution)

* {
margin: 0 auto;
}

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head>    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />    <title>实例</title>    <style>        body        {            text-align: center;        }        div#main        {            margin-right: auto;            margin-left: auto;            width: 400px;            vertical-align: middle;            line-height: 200px;        }        div#heard        {            background: url(images/1.jpg) no-repeat;            height: 132px;        }        div#pagebody        {            background: url(images/1.jpg) no-repeat;            height: 538px;        }        div#footer        {            background: url(images/1.jpg) no-repeat;            height: 100px;        }    </style></head><body>    <div id='main'>        <div id="heard">        </div>        <div id="pagebody">        </div>        <div id="footer">        </div>    </div></body></html>

Copy after login

  body        {            text-align: center;        }

Copy after login

Related labels：

新手求救：为什么不能居中显示啊！

source：php.cn

Previous article：JS and CSS experts, please help me, how to achieve both translucency and complete transparency in a DIV_html/css_WEB-ITnose Next article：Asking questions_html/css_WEB-ITnose

Statement of this Website

The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn