0

<option />タグのテキスト コンテンツのグループを作成したいと思います。私は次のものを持っているとしましょう：

<select>
  <option>CCB - AFHT Crew Balancing</option>
  <option>WFM - Force Majere</option>
  ....
  ....
  <option>WWW - Adjacent TRK Form B</option>
  <option>MAH - Air Hose Separation</option>
  ....
  ....
  <option>IIS - Chassis Shortage RR</option>
  <option>WFL - Flooding</option>               
</select>

UIではドロップダウンが↓のように表示されるのですが、私は↓のように表示する必要があります

             ここに画像の説明を入力  ここに画像の説明を入力

私は何かをすることを考えていました

<option><span style="width:30px;">CCB</span><span>- AFHT Crew Balancing</span></option>

しかし、 Options タグは他のサブタグを許可しないため、機能していません。

4

1 に答える 1

4

モノスペース フォントを使用して、すべての文字が同じ幅になるようにします。

<select style="font-family:'Courier New'">
  <option>CCB - AFHT Crew Balancing</option>
  <option>WFM - Force Majere</option>
  <option>WWW - Adjacent TRK Form B</option>
  <option>MAH - Air Hose Separation</option>
  <option>IIS - Chassis Shortage RR</option>
  <option>WFL - Flooding</option>               
</select>

JSFiddle

于 2015-10-14T15:08:47.640 に答える