DropDownList CSS

Question

多くのdropDownListコントロールを持つASP.NETページを使用しています。私はフォーマットを適用しようとしているので、長い名前のリスト項目をコントロールから外すことなく、小さなパネルに入れることができます。私はそれらにフィッティングの問題を修正する％幅を適用しましたが、コントロールが整列しなくなりました。コントロールの反対側に余分なスペースがなければ、ディスプレイを左に移動する方法を理解しようとしています。

ここでドロップダウンです：

<asp:DropDownList 
     ID="ddlDownloadsSector" 
     AutoPostBack="true" 
     CssClass="ddlstyle" 
     EnableViewState="true" 
     OnSelectedIndexChanged="ddlDownloadsSector_SelectedIndexChanged" 
     runat="server" /> 

、ここでは、スタイルだ：各ブラウザが異なり、それらを処理するため、HTMLでのドロップダウンをフォーマット

.ddlstyle 
    { 
    width: 35% 
    } 

Answer 1

は（通常はIIRCお勧めできません）の痛みです。私はあなたがドロップダウン内でテキストの折り返しを行うことができるとは思わない。可能であれば、ブラウザ間にいくつかの問題があると思います。可能であれば、問題の原因となっているドロップダウンのコンテンツを短くします。あなたが本当に区別が必要な場合は、識別機能付きの新しいドロップダウンを表示するjavascriptイベントを作成します。

EDIT：マイク氏は彼のコメントで指摘しているように、これを回避するためのUIフレームワークを使用することができますが、単純なCSS/HTML/JSを使用している場合、オプションは限られています。