Bagaimana Menggayakan Elemen Span dengan Lebar Tetap dalam CSS Sambil Mengekalkan Keserasian dengan Pelayar Lama?

Menggayakan Elemen Span dengan Lebar Tetap dalam CSS:

Pertimbangkan senario berikut: anda mempunyai senarai tidak tertib dengan rentang yang mengandungi teks yang sepatutnya sejajar. Walau bagaimanapun, anda tidak dibenarkan menambah padding atau mengubah suai teg.

Untuk mencapai matlamat ini, penyelesaian yang ideal dalam CSS ialah menggunakan gaya berikut:

<code class="css">span {
  display: inline-block;
  width: 50px;
}</code>

Walau bagaimanapun, ini penyelesaian mempunyai kaveat: ia tidak disokong dalam Firefox 2 dan versi terdahulu.

Sambungan untuk Firefox 2 dan Bawah:

Untuk penyemak imbas yang lebih lama ini, penyelesaiannya adalah dengan menggunakan sifat -moz-inline-box:

<code class="css">span {
  display: -moz-inline-box;
  width: 50px;
}</code>

Adalah penting untuk ambil perhatian bahawa sifat ini berkelakuan berbeza sedikit daripada inline-block dan mungkin tidak selalu dipaparkan seperti yang diharapkan. Maklumat ini disediakan untuk membantu anda mencari penyelesaian yang serasi dengan semua penyemak imbas.

Atas ialah kandungan terperinci Bagaimana Menggayakan Elemen Span dengan Lebar Tetap dalam CSS Sambil Mengekalkan Keserasian dengan Pelayar Lama?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!