CSS最小寬度是一個非常有用的屬性,它可以確定元素的最小寬度。然而,在IE瀏覽器中,這個屬性無效,許多開發者對此感到非常困惑。
.box { min-width: 200px; }
在現代瀏覽器中,上面的代碼將起作用,因為它們已經兼容了CSS最小寬度屬性。但是在IE瀏覽器中,該代碼將不會生效。
解決這個問題的方法之一是使用IE的hack,但這種方法并不推薦,因為它會使你的代碼變得不可維護。更好的解決辦法是使用CSS中的display屬性,以“table-cell”或“inline-block”的方式顯示元素,因為IE支持這些屬性。
.box { display: table-cell; min-width: 200px; }
使用這種方法,即使在IE中,也可以正確地應用CSS最小寬度屬性。
總而言之,雖然CSS最小寬度屬性在IE中無效,但是通過使用display屬性,我們可以找到一個比用hack更優秀的解決方案。
上一篇dw中鏈接css代碼