Pelaksanaan CSS merentas pelayar pertukaran float:center_Experience

Salin kod Kod adalah seperti berikut:

>< ul class="macji-skin">

Senaraikan satu

li>

Kami berharap li terapung dan berpusat ). Anda boleh menetapkan text-align:center ul, dan kemudian menetapkan paparan li untuk mencapai pemusatan, tetapi ini bukan niat asal kami. Kami perlu melaksanakan float:center.

Di sini kita perlu menyemak position:relative, yang akan mengimbangi kedudukan dalam aliran dokumen biasa berdasarkan kiri, kanan, atas, bawah dan atribut lain. Kemudian kita boleh membuat kedudukan ul: relatif kiri: 50%, dan kemudian biarkan li terapung ke kiri, dan kemudian menjadikannya kedudukan: relatif kanan: 50% (atau kiri: -50%), kemudian li terapung ke tengah; Sama seperti berpusat. Tanpa berlengah lagi, jom cuba dulu.

Salin kod Kod adalah seperti berikut:#macji{

kedudukan:relatif ;

lebar:100%;
tinggi: 80px;
warna latar:#eee; macji .macji -skin{
float:left;
kedudukan:relatif;
kiri:50%;
kanan: 50%;
apung: kiri;
garisan: 10px; 🎜>}