ul li橫向選單 文字居中相容FF IE問題 100

2025-01-05 01:30:22 字數 3065 閱讀 1252

ul li橫向選單 文字居中相容ff ie問題

1樓:匿名使用者

好玩。我剛為了這東西折騰了一晚。

總結下:ff裡對css解釋貌似比較嚴格,別太省略。

我是用。 ff裡可以實現居中,但要檢查div巢狀及float屬性。

就上邊寫不知道為何 ie6出現問題。

沒法,只好寫了。

html * 然後在盒子裡body 基本ie裡就居中了。同樣檢查div巢狀及float屬性。

我是偶爾玩下,所以也不精通,只能碰到問題就地解決了。

順便提下,ff裡在 html 頁面裡**也需要增加clear屬性 的div。

我是在ie7做好,然後在相容ie6 跟ff的,可能我css裡**有誤。

所以網上提到首先做好ff ,再相容ie還是有點道理的。省功夫。

2樓:我才是大海

**和css貼上來才好分析··你這樣說是不行的··要具體問題具體分析。

求ul中的li佈局css佈局,橫向垂直都要居中,如何實現?

3樓:網友

你說的ul中li必須上下垂直居中顯示,這句話我不明白,你的意思是li裡面的內容上下垂直居中,還是說li垂直上下居中。

css ul li 如何實現 橫向排列

4樓:灰常了

因為li是塊級元素,預設佔一行的,要想實現橫向排列,一般通過以下兩個方法:

float:left

這樣設定有乙個問題,li浮動以後則脫離了文字流,即不佔位置,如果它的父級元素有具體的樣式且沒有固定寬高,建議父元素清除浮動,或者設定固定寬高。

display:inline-block

即把li變為行內元素且可以設定寬高以及邊距,這樣也有乙個問題,低版本的ie瀏覽器不相容inline-block,建議在其後再加兩個屬性相容低版本ie

display:inline;

zoom:1;

div+css li裡面怎麼讓垂直的文字垂直居中?

5樓:禰de心我很懂

水平居中是text-align:center

垂直居中 一般是用 line-height

比如你li的高度是80px 那你設定 line-height:80px 文字就垂直居中。

6樓:匿名使用者

沒有居中的,我現學了一下text-align: text-decoration: text-indent:

text-shadow: text-transform: 你怎麼找垂直居中?

用**吧。table,簡單 不行你內。

就自己找容吧。

7樓:匿名使用者

去看bai看du

這zhi裡dao很詳專細屬。

css怎樣設定ul的li 居中均勻排列

8樓:網友

ie6的margin的bug最好解決了,在浮動後有magin的div裡寫一句display:inline就可以解決。

如果想少出現相容問題可以使用padding

9樓:回憶

css設定ul的li 居中均勻排列,我們首先需要做的就是將這個ul的width和height確定,使用margin讓ul居中,margin的用法如圖:

然後在設定li的width和height,然後給li乙個float,通過**來理解:

名字1名字2

名字3名字4

10樓:網友

有幾種方法,一,設定最小寬度,二,設定padding和margin屬性,三,設定寬度成%比。

11樓:╟雪♂楓

你適當的設定margin和padding試試。

用ul和li做導航欄,怎樣使一級選單橫向

12樓:精悍的客西馬尼

主要使用js實現觸發事件,css控制樣式顯示。

13樓:婪渤頸

第一步、編寫橫向選單的html**架構請將以下**新增到html文件的導航欄區域中。標籤範圍中。#menu#menu,#menuli中的各條目預設都是縱向排列的,需要定義css來讓其橫向排列起來。

tips:因為現在將導航欄拉出來獨立講解,所以需要設定一些公共樣式,如果在body或其他地方已經重設了預設效果,以上**可以去掉2、讓文字橫排標籤下的專案預設是縱向排列的,需要定義額外的css屬性讓其橫向排列。#menuli3、設定鏈結樣式:

#menulia用內邊距(即填充padding)的方式,讓每個選單變得寬一些,如果選單是中英文混排的,建議設定單個選單的高寬,這樣可以避免中英文字元行高不一致導致的高度誤差。設定固定高度的方式:#menulia4、鏈結懸停效果:

通過以上幾步的綜合作用,乙個橫向導航欄的初步框架就出現了。此步主要是定義鏈結的懸停效果,讓導航欄更美觀。當然,如果要讓導航欄更炫麗,可以在css懸停屬性上定義背景**。

#menulia:hover這裡的**乙個缺陷,最右邊會多出來乙個邊框,由於:first-child偽類不被ie系列瀏覽器所支援,我們只能單獨寫乙個樣式,將最後乙個邊框去掉,同時要給html**增加乙個額外選擇符。

好了,到這裡乙個簡單的橫向導航選單就製作完成了。

應用了ul li後 文字怎麼豎著顯示?

14樓:網友

我覺得你應該先儲存,然後在瀏覽器中看一下效果。我幫你度過了是正常的,能影響它是豎的,主要是。daohang 中的"width:",280px在字型大小 font-size:

12px的情況下足夠顯示的了。如果你測試的不行也有可能你的頁面有其它因素影響,你可以適當調大的寬度。

15樓:網友

1.刪除你所有的 fllat:left;

2..daohang ul li

更改為。daohang ul li

3.測試 ie6/ie7/firefox均正常4.最好優化以下你的css,重複的內容太多。

div css中如何設定UL LI文字居中又不影響A HOVER背景顯示

你應該是把 hover寫到了 a 標籤上,所以需要對a做一些定義。ul li a display block讓a變成塊級元素內,可以容跟div一樣有高度 寬度 行高,否則寬度 高度是無效的。line height 與 height 一致,可以讓單行的文字垂直居中。設定line height 等於你的...

什麼是橫向和縱向,什麼叫橫向比較和縱向比較

生活中看到的左右方向理解為橫向,上下方向就是縱向。工程上如果沒有特殊約定的回話,則較長的的方向答稱為縱向,較短的方向為橫向,這個說法也可以這麼理解來和生活上的說法統一,將較長邊立起來,則較長邊即上下方向 縱向 因為人們習慣性的理解觀察物前進後退方向為直觀的上下 螃蟹的身前身後方向 所以螃蟹左右爬行就...

英語選單翻譯,選單的英文翻譯

cigarette yuxi yuntwin bliss soft chunghwa deuceswild aaa cards cards of sichuang little honeybee card room beer 太長了,不玩了 英語選單翻譯 1 spring rolls 春捲 2 lo...