2016-04-05 10 views
-3

を壊すのDIVの下に表示されます私は、サイトウィッヒで働いているカテゴリページ上のフィルターを持っている - http://www.purrfectlyyappy.com/fun-and-games/dog-toysCSS - テキストは、代わりに新しい行に

フィルタは、左側にありますが、フィルタ内のテキストが表示されますそれはあまりにも長い場合は、製品の下で、名前が長すぎる場合、私はそれを2番目の行に壊れるように設定する方法はありますか?

これは簡単であるはずですが、私はこれに苦労しています!

+0

に次のCSSを使用し、このCSSを削除していない場合は次のいずれかです。あなたは行が長すぎるとき、あなたはそれが正当化したいときには、チェックボックスの下に縦に来ることを意味しますかテキストの始まりの下で(箇条書きのような通常の作業)?もしそうなら、あなたは流れの権利を得る必要があります。なぜブートストラップがこれをやっているのか分かりません - http://getbootstrap.com/css/#forms-controls – Ruskin

+0

そのdivの幅を編集して、製品を守りませんか? –

+0

そのフィルタは15%の幅に設定されていますが、テキストはその幅の外側にあります。つまり、テキストが15%の幅を超えた場合、新しい行に改行されます。 –

答えて

0

これが起こっています。

あなたは明確にしてくださいラベル

.hikashop_filter_checkbox label{ 
    white-space: normal; 
} 
+0

実際これまでに気づいたことはありません。よくやった :) – Angelo

0

オーバーフロープロパティを使用します。ここで

enter link description here

、追加:

overflow : scroll; 

がスクロール領域における "長すぎるテキスト" を行います。他にも多くの価値があります。 CSSはすでに一行に来るように要素を強制されたHTMLページに適用されるが

.hikashop_filter_checkbox { 
    white-space: nowrap; 
} 

CSSの上にあなたのページにありますので

+0

スクロールバーが表示されます彼のフィルターラベルは、彼が探しているものではないと確信しています。 – Angelo

関連する問題