CSS網頁製作技巧 ul的li高度不相容問題

2021-06-20 04:55:58 字數 1185 閱讀 3634

在頁面中有時候使用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 。

CSS的ul與li樣式學習

ul和li列表是使用css布局頁面時常用的元素。在css中,有專門控制列表表現的屬性,常用的有list style type屬性 list style image屬性 list style position屬性和list style屬性。一 list style type屬性 list style ...

ul結合CSS製作網頁相簿滑動瀏覽效果

英文原文 sliding photograph galleries 翻譯整理 西公尺cc www.ximicc.com 效果 執行 框 ctrl a 全部選擇 提示 你可先修改部分 再按執行 這是乙個很簡單的純css相簿滑動瀏覽效果,僅用乙個無序列表ul結合簡單的css就可以實現。原文中介紹的縱向滑...

CSS的ul和li實現橫向排列和去掉li的點

今天做網頁是老是不懂怎麼實現ul的橫向排列和去掉li那個煩人的點,現在找到方法了,做個筆記 複製 如下 ul ul li 順便拓展一下li的list style 複製 如下 ul 程式設計客棧 ul ol ol 再寫個今天看到的東西,是關於dl,dt,dd的,其實就是類似於子類的,我比較少見到各個網...