LI在IE7中不能工作的均勻分佈

我試圖在我的UL中證明/分配我的LI s，並且我已經在除IE7以外的所有瀏覽器中都這樣做了。看看this在IE7和任何其他瀏覽器 - 只有在IE7它無法傳播（導航UL s是Hiya Hola Bonjour倪豪呦！和餅乾奶酪芒果內衣）。LI在IE7中不能工作的均勻分佈

我使用的是IE7 JS Library，所以我使用:after不是問題。我也沒有使用inherit。

的圖像細節的問題（請注意該詞語的的jsfiddle及以下擷取畫面不同）：

enter image description here

我已經破解我的頭幾個小時。任何人都可以推動我正確的方向嗎？謝謝！ :)

P.S.它不完全漂亮，但顏色只是澄清，如果你質疑我的口味:)

來源

2012-08-26 AKG

耶，我找到了答案。

我從UL.justify中刪除了display:inline-block, zoom:1, *display:inline（實際上使其成爲display:block），並添加了-ms-text-justify:distribute-all-lines; text-justify:distribute-all-lines。我將text-align: left添加到了LI s，et volala，它在所有瀏覽器中運行良好。

如果你想在IE7中使用:after，我會推薦IE7 JS Library。但是，如果您希望在不依賴Javascript的情況下執行此操作（我一般會訂閱該流派，但在此情況下不需要），則可以使用針對lt IE8的條件註釋來顯示<div class="justifyAfter"></div>。

希望這是用任何人的:)

下面的代碼：

/* Navigation */ 
nav li { 
    display: -moz-inline-stack; display: inline-block; zoom: 1; *display: inline; 
    text-align: left; 
} 

.justify { 
    text-align: justify; -ms-text-justify: distribute-all-lines; text-justify: distribute-all-lines; 
} 

.justify:after, . justifyAfter { 
    content: ""; 
    display: -moz-inline-stack; display: inline-block; zoom: 1; *display: inline; 
    width: 100%; 
}

來源

2012-08-26 10:07:45 AKG

LI在IE7中不能工作的均勻分佈

回答

相關問題