css中li的橫向排列自適應寬度的問題

2021-03-22 07:01:23 字數 2582 閱讀 2002

1樓:一言驚醒

字數不一樣的話,你這樣太麻煩了

首頁我們的服務

2樓:

那就不要給li設定寬度,寫乙個padding就好了,然後居中,這樣就會自動伸長了~

把導航結構貼一下,我幫你改改~

div+css樣式,li自動適應高度,自動換行,橫向排列

3樓:匿名使用者

換行:給li裡面的a設成塊級元素並給寬度和行高,如果li不包含a就在li上面設。

橫排:把li浮動起來,一排能橫排多少個,取決於你li的寬度和外面ul的寬度

4樓:匿名使用者

將li的樣式設定成以下例子:

display:inline;line-height:24px;height:

auto;word-break:break-all;word-wrap : break-word ;

可以修改一下,到適合你的要求。

5樓:匿名使用者

要看你li裡面的內容了,li應該是本身就適應自動高度,給li寬度,裡面的文字就會自動換行了,橫向排列是想讓 li都橫向排列,那就寫 float:left

6樓:匿名使用者

li 張家界 鳳凰 長沙 衡山 韶山 岳陽樓 周洛 郴州 衡山 桃花源 寧鄉 大圍山

7樓:宇宙的大象

橫向排列 float:left; li的高度設定line-height:??px即可

div+css,li字適應寬度,自動橫向排列換行。

8樓:匿名使用者

試試: li

例:bai

duhelo world

helo world

helo world

helo world

helo world

helo world

大家zhi好dao,回大家好,

好好答好

helo world

helo world

helo world

helo world

9樓:

每乙個 ·城南辦為乙個li

·城南辦

li當寬度不夠是 會自動換行

10樓:匿名使用者

li樣式 width:auto;float:left;

求高手 如何設定css 才能讓多個 li 自適應100%屏寬水平居中排列 問題見下圖:

11樓:紫萱是條小狐狸

樓主看下是不是這樣的效果,把對應的寬度值換成你要的寬度就可以了

12樓:匿名使用者

.image_box {margin:0 auto;}

.image_box ul

.image_box ul li {width:100%; margin:0 auto; }

13樓:夨情

ul設定固定寬度,然後給屬性 margin : auto;

14樓:

.image_box

.image_box li

24% 可以隨便調啦, 放幾個就100/幾 再減幾個畫素就可以

關於css ul li自適應寬度的問題: ul 固定寬高樣式:.subjoin{width:400px;height:100px},

15樓:匿名使用者

加乙個max-width:400px;ie6此屬性無效,可以使用expression來相容一下 如果不行那就是還要不換行 再加上word-break:keep-all;

16樓:匿名使用者

在ul上加 overflow:auto;就行了,這個是針對橫向和縱向都有效的,如果你只想出現縱向滾動條,那就是 overflow-y:auto;

css中li設了左浮動,如何使它寬度超過ul以後依然不自動換行,成橫排顯示?

17樓:匿名使用者

ul li

18樓:葉落紅塵

設定抄ul乙個固定bai的寬度,如:width:1000px設定duul橫向超出後zhi自動。overflow-x:auto設定ul豎向超出隱藏

有足dao夠多的li,li的width設定為100px ,li的數量最少為11個

因為li數量多,導致ul會出現橫向滾動條,這樣就實現了想要的效果

19樓:小不點

.box

liul

20樓:渠秋止陽澤

li設定好固定

寬度,ul也要固定寬度,在這個寬度內計算好能容納幾個li的寬度,最好稍微大點,這樣li總

長度只要不超過ul長度就不會換行了

21樓:匿名使用者

設定ul高度和寬度並且設定overflow:hidden;

css中字型大小問題css關於字型大小的問題

font有多個屬性,我寫的時候一般就用縮寫 font normal 12px 22px 宋體 這樣 的意思是 字型不加粗專,字屬號是12px,行高是22px,字型是宋體,這樣寫可以節省時間,也可以優化 給css 很方便。如果給當前的標籤加個高為22px,那麼這字就上下居中了。要注意用這樣縮寫的時候一...

css中body的背景問題在css裡面怎麼給body設定背景色

body背景 bai 前提du 編碼沒錯的前提下。1.body,必須zhi 有空間,如dao 果沒有給它社會內height 100 並且沒有內容,容那麼body預設是寬度為100 高度為0 也就是說無論是填充顏色還是背景,body上什麼都看不到,唯有瀏覽器的背景色 一般都是白色 2.body有空間的...

懂點css進一下,li做的導航條的分割豎線怎麼變得短一些

首頁新聞 娛樂 教育不知道你要的是不是這樣的效果 其實你仔細看會 來發源現這只是兩條邊框,視覺上看起來像是槽狀分割線,可以給 ul加border bottom 1px solid 777 然後給li加上border bottom 1px solid fff li裡面要包含a標籤抄,襲然後把a標籤變成...