IE中的樣式（jquery）複選框按鈕自動換行

由於代碼長度的限制，我無法在此處發佈，因此我創建了一個demo page。IE中的樣式（jquery）複選框按鈕自動換行

貝婁是從IE8截圖：

screenshot from IE8

你應該能夠看到所需的佈局查看使用Chrome，Safari和Firefox

頁面時

screenshot from Chrome 這是一個來自Chrome的截圖。

對於IE，我試圖把的checkbox列表到一個div（#request_type）並設置其width（喜歡的東西150像素），希望checkbox名單將環繞，但沒有奏效。

2012-02-16 Miranda

你可以發佈你如何看到它的圖像。對我來說，它在IE9中完全不起作用，IE7看起來類似於Chrome？ – 2012-02-16 08:45:58

我在IE8中加載了你的演示頁面，我無法重現你的問題。該列表正確包裝。 – wecsam 2012-02-20 05:59:41

對於一個一致的外觀簡單地只用定義label元素display:inline-block爲IE一個有條件的評論，你可以在你的文檔的標題，如下所示：

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

2012-02-20 06:28:18

這是很難理解發生了什麼事情在這裏，但浮動標籤有助於保持自己的列中的項目：

#request_type label { 
    float: left; 
}

2012-02-20 05:53:50 manafire

我去你的URL上面，沒有看到任何按鈕。

關於您接受的答案的說明。如果這是您的頁面/應用程序支持的瀏覽器，則display: inline-block在IE7中並不總是很好。

2012-02-22 16:02:10

回答