0
ここに私の問題の例があります。 https://jsfiddle.net/f9177pzk/5/。すべての3つのボックスが同じ行になるように、jsFiddleウィンドウの幅を十分に広げてください。長いオプション値を持つ選択要素をテーブルセルに合わせる
私はブートストラップを使用していますが、この場合は、form-control
スタイリングの一部をオーバーライドして、選択を細くしています。
ご覧のとおり、select要素によって、他のtd
要素が2行に分割されています。私はすべてのtd
セルを1行に収める必要があります。
この例では、https://jsfiddle.net/f9177pzk/6/では、オプション値が十分に短い場合、選択はうまく収まります。
長いオプション値を維持しながら、選択を強制的に適用する方法はありますか?
は、ここで私はこれを試してみて、これまで
select.form-control{
height: 18px;
padding: 0px;
font-size: 12px;
width: 90%;
}
おかげで、これは動作します。私は一般的に 'nowrap' b/cを避けるようにしています。それはオーバーフローの問題につながりますが、別の解決法が見つかるまでこれが行います。 –
私はあなたの懸念を見ることができます、私はそれがセルのラベルの種類に適用するといいと思う、それはテーブルにある、それは壊れないことを意味します。 – Stickers