Penyelesaian terbaik untuk pertukaran DIV centering_Experience

Apabila kami membina semula WEB sekarang, kami biasanya memusatkan DIV seperti ini:

Salin kod Kodnya adalah seperti berikut:

body{
margin:0px auto;
text-align:center; halaman Ralat akan berlaku. Ia tidak boleh ditengahkan dan diselaraskan >

Masalah dengan ini Saya mengambil masa beberapa hari Kemudian beberapa rakan akan berkata: Tidakkah anda boleh menambah ayat ini tetapi kadang-kadang halaman tidak boleh ditulis mengikut format kod yang dinyatakan di atas, sebagai contoh, anda perlu menukar bar skrol yang berwarna-warni
Sehingga semalam, idea terlintas di fikiran saya. Mengapa tidak menggunakan JS untuk mengawal margin halaman sekeping kod.

Salin kod

Kodnya adalah seperti berikut:

kandungan function.js:

Salin kod

Kod adalah seperti berikut:

if(window.screen.width>800){document.write( "");}

Simpan dan uji Haha, saya menukar beberapa resolusi Semua boleh dipusatkan secara normal Setakat ini, ujian telah berjaya
Untuk meringkaskan: Terutamanya kerana peranan kod ini:

Salin kod Kod adalah seperti berikut:

(window.screen.width-800)/2 //Kira nilai margin yang perlu ditinggalkan pada halaman 800 ialah lebar DIV saya + lebar bar skrol Sebenar Tukar aplikasi kepada saiz anda sendiri
Titik tambahan: JS di atas mesti diletakkan selepas sambungan CSS terakhir anda atau

Selamat datang semua orang ke cara saya yang lebih baik untuk melaksanakan komunikasi stesen kecil!