Rumah  >  Artikel  >  hujung hadapan web  >  Bagaimana untuk Mencapai Lebar Tetap dalam Span Dalam Senarai Tidak Tertib tanpa Mengubah Suai Padding atau Tag?

Bagaimana untuk Mencapai Lebar Tetap dalam Span Dalam Senarai Tidak Tertib tanpa Mengubah Suai Padding atau Tag?

Linda Hamilton
Linda Hamiltonasal
2024-11-05 18:30:02864semak imbas

How to Achieve Fixed Width in a Span Within an Unordered List without Modifying Padding or Tags?

Mencapai Lebar Tetap dalam Span dalam Senarai Tidak Tertib

Apabila bekerja dengan senarai tidak tersusun, adalah wajar untuk menjajarkan teks selepas tetapan -rentang lebar. Walau bagaimanapun, mengubah suai padding atau menambah/mengubah teg adalah tidak dibenarkan. Penyelesaian berikut menyediakan cara untuk mencapai matlamat ini tanpa melanggar sekatan ini:

Menggunakan CSS

Pendekatan yang ideal ialah menggunakan CSS berikut:

span {
  display: inline-block;
  width: 50px;
}

Penyelesaian ini berkesan dalam semua penyemak imbas selain daripada Firefox 2 dan lelaran yang lebih awal. Untuk penyemak imbas lama ini, pertimbangkan untuk menggunakan nilai -moz-inline-box. Walau bagaimanapun, ambil perhatian bahawa ia berkelakuan berbeza daripada blok sebaris dan mungkin menghasilkan hasil yang tidak dijangka dalam senario tertentu.

Atas ialah kandungan terperinci Bagaimana untuk Mencapai Lebar Tetap dalam Span Dalam Senarai Tidak Tertib tanpa Mengubah Suai Padding atau Tag?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Kenyataan:
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn