Atribut blok sebaris untuk keserasian simulasi_Pertukaran pengalaman

Pada masa kini, terdapat lebih banyak permintaan untuk penggunaan atribut blok sebaris Malangnya, hanya Firefox3 beta, IE8 beta, Opera dan Safari menyokong atribut blok sebaris (Nota: Pada asalnya hanya Opera dan Safari yang menyokongnya), tetapi. IE6 dan IE7 boleh lulus Trigger hasLayout untuk mensimulasikan Firefox2 mempunyai -moz-inline-box dan -moz-inline-stack atribut peribadi (perbandingan kedua-dua atribut ini dipetik daripada "Dua Contoh Aplikasi Paparan:sebaris-" Qin Ge. blok").

Dalam aplikasi sebenar, -moz-inline-box akan menghadapi masalah seperti penjajaran antara elemen Walaupun Firefox juga mempunyai atribut peribadi -moz-box-align untuk membantu menyelesaikan masalah penjajaran, ia masih sukar untuk diramalkan bahawa akan ada banyak masalah , dan secara relatifnya -moz-inline-stack berkelakuan lebih seperti inline-block, yang boleh diuji dalam Firefox3. Walau bagaimanapun, terdapat juga pepijat apabila menggunakan -moz-inline-stack Jika elemen luar paparan:-moz-inline-stack adalah display:inline;, ia akan menjadikan pautan yang terkandung di dalamnya tidak boleh diklik dalam Firefox. Ini memerlukan Use position:relative;

Kod akhir yang kami simulasikan adalah seperti berikut: