Bolehkah Pilihan Senarai Terpilih Dibalut dan Diinden?

Bolehkah Pilih Pilihan Senarai Balut dan Teks Inden?

Mencipta senarai pilihan dengan nilai pilihan yang panjang boleh menimbulkan cabaran pemformatan. Malangnya, HTML standard tag tidak boleh membalut atau mengenden teks.

Penyelesaian Tersuai

Untuk mencapai pembalut dan lekukan, seseorang boleh mempertimbangkan untuk melaksanakan penyelesaian tersuai. Daripada menggunakan teg, buat menu lungsur tersuai melalui JavaScript atau pemalam menu.

Pendekatan ini menawarkan fleksibiliti dalam pemformatan teks dan membolehkan pelarasan dinamik untuk menampung pilihan yang pelbagai panjang.

Contoh:

<div>
<pre class="brush:php;toolbar:false">const menu = document.getElementById('my-menu');

// Apply custom formatting to long options
menu.querySelectorAll('li').forEach(option => {
  if (option.offsetWidth > menu.offsetWidth) {
    option.style.whiteSpace = 'nowrap';
    option.style.marginLeft = '1em';
  }
});

Alternatif

Jika melaksanakan penyelesaian tersuai tidak berdaya maju, pendekatan alternatif melibatkan pemangkasan nilai pilihan panjang. Walau bagaimanapun, ini mungkin tidak selalu memberikan kesan visual yang diingini.