IEのスタイル（jquery）チェックボックスのボタンが自動的に折り返されます

Question

コードの長さのため、ここに投稿できません。demo pageを作成しました。

1. IEを使用してページを開きます。
2. [追加]リンクをクリックします。
3. 次に、[要求の種類を指定する]をクリックします。

ベローはIE8からのスクリーンショットです：これは

あなたはクロム、Safariを使用してページを表示したときに目的のレイアウトを見ることができるはず

とFirefox

ChromeのスクリーンショットIEの場合

、私はDIV（#request_type）へcheckboxのリストを入れて、そのwidth（150ピクセルのようなもの）を設定しようとした、checkboxリストがラップアラウンドしますが、それが機能しなかったことを願っています。

Answer 1

一貫した外観のために、単純にのみ使用してIEのためdisplay:inline-blockとしてごlabel要素を定義しますあなたがそうのように、ドキュメントのヘッダーに置くことができるという条件付きコメント：

<!--[if lt IE 9]> 
.ui-button { 
    display: inline-block; 
} 
<![endif]--> 

Answer 2

それはここで何が起こっているのかを理解するのは難しいですが、ラベルを浮動することは、自分の列内のアイテムを保持するのに役立ちます：

#request_type label { 
    float: left; 
} 

Answer 3

私は上記のあなたのURLに行って、すべてのボタンが表示されません。

あなたの受け入れられた答えに注意してください。 display: inline-blockは、ページ/アプリでサポートされているブラウザであればIE7ではうまく機能しません。