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...