horizontal centering of the page is generally a headache, especially for novices. incompatibility between browsers can also cause big problems. let’s talk about common ways to center the page horizontally.
see "mastering css" for the following content.
html code:
the code is as follows
<body>
<div id="wrapper">
</div>
</body>
ie居中办法：
body {
text-align:center;
min-width:760px;
}
#wrapper {
width:720px;
text-align:left;
}ie will mistake text-align:center to center everything, not just the text. then realign the contents of the container to the left.
non-ie:
the code is as follows:
#wrapper {
width:720px;
margin:0 auto;
}
how to make it compatible with ie and non-ie? as follows:
the code is as follows:
#wrapper {
width:720px;
position:relative;
left:50%;
margin-left:-360px;
}
first position the left edge of the container to the middle of the page, and then move it half its width to the left.
the above is the common method for horizontal centering of css layout web pages_the content of experience exchange. for more related content, please pay attention to the php chinese website (www.php.cn)!
Reasons for excessive traffic on overseas website servers
Data Structure and Algorithm Tutorial
The meaning of where in sql
dsp application areas
What are the methods to connect to vps server
What is the function of Huawei nfc?
Windows checks port occupancy status
Can Microsoft Visual C++ be uninstalled?
![[Web front-end] Node.js quick start](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
