網頁制作Webjx文章簡介:ul中的li的高度在IE6、IE7、IE8、FF下不兼容問題的解決辦法。
在頁面中有時候使用ul li列表時ie6、ie7、ie8、FF的高度會不一樣(其中ie6與ie7高度一樣,ie8與FF高度一樣),設置高后使用 overflow:hidden;也無濟于事,這個問題一直困擾著我,以至于我后來只能使用DIV來做列表,但是這樣只能說是對付上的,但沒從實際上解決這個問題。
后來在網上找到了一個方法,在li樣式上加上vertical-align:bottom便解決了,但原因還是不理解,希望看到的朋友能給個合理的解釋,謝謝!
我查了下CSS幫助文檔,里面對vertical-align的描述是這樣的:
語法:
vertical-align : auto | baseline | sub | super | top | text-top | middle | bottom | text-bottom | length
取值:
auto : CSS1 根據 layout-flow 屬性的值對齊對象內容
baseline : CSS1 默認值。將支持 valign 特性的對象的內容與基線對齊
sub : CSS1 垂直對齊文本的下標
super : CSS1 垂直對齊文本的上標
top : CSS1 將支持 valign 特性的對象的內容對象頂端對齊
text-top : CSS1 將支持 valign 特性的對象的文本與對象頂端對齊
middle : CSS1 將支持 valign 特性的對象的內容與對象中部對齊
bottom : CSS1 將支持 valign 特性的對象的內容與對象底端對齊
text-bottom : CSS1 將支持 valign 特性的對象的文本與對象頂端對齊
length : CSS2 由浮點數字和單位標識符組成的長度值 | 百分數。可為負數。定義由基線算起的偏移量?;€對于數值來說為0,對于百分數來說就是0%。請參閱 長度單位 。目前IE尚未實現此參數
說明:
設置或檢索對象內容的垂直對其方式。
對于 currentStyle 對象而言此屬性的默認值為 auto 。對于其他對象而言是 baseline 。
此屬性對于 currentStyle 對象而言是只讀的。對于其他對象而言是可讀寫的。
對應的腳本特性為 verticalAlign 。
新聞熱點
疑難解答