Rumah > hujung hadapan web > tutorial css > 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
Lepaskan: 2024-11-05 18:30:02
asal
974 orang telah melayarinya

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;
}
Salin selepas log masuk

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!

sumber:php.cn
Kenyataan Laman Web ini
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
Artikel terbaru oleh pengarang
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan