Rumah >hujung hadapan web >tutorial css >Kaedah yang biasa digunakan untuk pemusatan mendatar halaman web reka letak CSS_Pertukaran pengalaman
Kaedah yang biasa digunakan untuk pemusatan mendatar halaman web reka letak CSS_Pertukaran pengalaman
- PHP中文网asal
- 2016-05-16 12:06:341522semak imbas
Pemusatan mendatar halaman biasanya menyakitkan kepala, terutamanya untuk orang baru. Ketidakserasian antara penyemak imbas juga boleh menyebabkan masalah besar. Mari kita bincangkan tentang cara biasa untuk memusatkan halaman secara mendatar.
Lihat "Menguasai CSS" untuk kandungan berikut.
Kod HTML:
Kodnya adalah seperti berikut
<body>
<div id="wrapper">
</div>
</body>
IE居中办法：
body {
text-align:center;
min-width:760px;
}
#wrapper {
width:720px;
text-align:left;
}IE akan tersilap text-align:center to center everything, bukan hanya teks. Kemudian susun semula kandungan bekas ke kiri.
Bukan IE:
Kodnya adalah seperti berikut:
#wrapper {
width:720px;
margin:0 auto;
}
Bagaimana untuk menjadikannya serasi dengan IE dan bukan IE Seperti berikut:
Kodnya adalah seperti berikut :
#wrapper {
width:720px;
position:relative;
left:50%;
margin-left:-360px;
}
Mula-mula letak tepi kiri bekas ke tengah halaman, kemudian gerakkannya separuh lebarnya ke kiri .
Di atas ialah kaedah biasa untuk mendatar mendatar halaman web reka letak CSS_kandungan pertukaran pengalaman Untuk kandungan yang lebih berkaitan, sila perhatikan tapak web PHP Cina (www.php.cn)!