2016-03-29 10 views
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%; 
} 

答えて

3

しようとしたCSSです:

.ca-info-table tr td:first-child { 
    white-space: nowrap; 
} 
+0

おかげで、これは動作します。私は一般的に 'nowrap' b/cを避けるようにしています。それはオーバーフローの問題につながりますが、別の解決法が見つかるまでこれが行います。 –

+0

私はあなたの懸念を見ることができます、私はそれがセルのラベルの種類に適用するといいと思う、それはテーブルにある、それは壊れないことを意味します。 – Stickers

関連する問題