1

フォームのドロップダウンリストに整列列を作成するソリューションを知っている人はいますか?

おそらくcssで

クロスブラウザは便利だろう...例えば

<select size="1">
<option> John Smith      | 24 | United States</option>
<option> Johnny Vegas    | 34 | United Kingdom</option>
<option> Andrew Townsend | 34 | Canada</option>
</select>

垂直バーは、列の配置を表したものにすぎません..

それが理にかなっていることを願っています

4

3 に答える 3

2

質問と同じように、空白を追加してインデントすることができます。

<select size="1">
    <option> John Smith &thinsp; &thinsp; &thinsp; &thinsp;&thinsp;&thinsp;&thinsp;&thinsp;  | 24 | United States</option>
    <option> Johnny Vegas&thinsp;&thinsp;&thinsp;&thinsp;&thinsp;&thinsp;&thinsp; &thinsp;| 34 | United Kingdom</option>
    <option> Andrew Townsend | 34 | Canada</option>
</select>​​​​​​​​​​​​​

ライブデモ

于 2012-04-18T00:56:51.667 に答える
0

これにアプローチする最善の方法は、ライブラリの形式でページの読み込みに追加のリクエストを追加することに慎重な場合、CSS を使用して ul-li 表示可能なカスタム ドロップダウンを作成し、クリック イベントを各 li にアタッチすることです。非表示の選択を操作します。CSS と jQuery/javascript を使用すると、かなり簡単に実行できます (入力が少なくて慣れているという理由だけで jQuery を好みます)。

于 2012-04-18T01:01:41.593 に答える
0

gdoron は私に考えさせたので、後でこのスレッドを見つけた人のために簡単な PHP ハックを書きました

$name = str_replace("_", "&nbsp;", str_pad($name , 50 ,"_"));

PHPでこれを行う他の方法があると確信しています..

これがクロスブラウザーで動作することを確認してテストしてください!

必ずスタイリングしてください

select style="font-family: monospace;"
于 2012-04-18T01:16:22.377 に答える