CSS裡面,ul我沒有定義它的寬度,但是我想讓

時間 2021-09-06 20:14:11

1樓:

簡單的方法必須是給ul設定乙個寬度,然後margin:0 auto;但如果你非要不給他寬度的話就是給外面的div設定position:relative,然後給ul設定position:

absolute; left:50%;top:0; margin-left:

-x,這裡的x是乙個值,假如你的ul是乙個固定的值如200,那這裡就寫-100px,但是你的ul又沒有寫寬度,那麼你就只有拿值來試,試到乙個看起來像是居中了的數值,但如果你想讓這個ul內部的元素不固定寬度,也就是說這個ul時長時短,那這個方法就不可行了。

那就得用到偽裝**元素的方法了,給這個ul外面套乙個span,設定display:inline-block,然後讓div設定text-align:center即可,但如果還想同時垂直居中那就更麻煩了

2樓:匿名使用者

在div和ul中定義text-align: center;裡面是**不,如果是**的話,設定居中沒有用,要單獨設定

3樓:匿名使用者

在div和ul中定義margin:0 auto;

4樓:宴會外賣

那你給div設定居中呢?

html css 裡面 乙個div裡的ul怎麼讓他居中對齊?

5樓:用著追她

1、首先先開啟我們的開發環境 新建乙個web專案。

2、在html中引入css檔案 這裡是html頁面的** div和ul。

3、將所有標籤的margin和padding初始為0 然後將父級div的display設定為flex align-items設定為center 。

4、執行web專案後得到的結果如圖所示 垂直居中了。

5、 將display設定為table-cell,將vertical-align設定為middle即可 。

6、將ul的高度設定為百分比然後使用相對定位設定top為二分之一的百分之百減去ul的高度即可 。

7、使用line-height將其設定div的高度 必須是確定值,然後將li左或者右浮動即可。

6樓:匿名使用者

div裡的ul下面的li居中對齊,關鍵點如下:

1、css設定好li的寬度

2、li的css加上居中**text-align:center。

例子如下:

居中文字1

居中文字2

居中文字3

居中文字4

居中文字5

居中文字6

7樓:匿名使用者

浮動的時候ul要有寬度margin:0 auto;才有作用

沒有寬度這個是沒有作用的,浮動的時候高度也要的哦

8樓:邢富鵬

.brand

ul li 也要劇中

a 錨偽類 是內聯元素 要變成塊級元素 display:block; 預設是display:inline;

9樓:匿名使用者

你給ul定義個寬度width:938px;overflow:hidden;margin:0 auto;這樣就可以了。

10樓:劉經茂

沒有說明是ie還是什麼瀏覽器 給.brand ul 設定寬度應該可以解決你的問題

11樓:匿名使用者

直接給brand那個div加屬性align="center"就可以了,何必那麼麻煩。

怎麼讓ul在div中居中?

12樓:v夜語

其實這樣的反而貼近現實一點 就是你可以設定li的寬度固定,然後讓li裡面的文字居中,這樣就間接能確定下來ul的寬度,也就可以實現居中了。

13樓:匿名使用者

divul 重點是抄有 width 和 margin: 0 auto; 而父襲輩是

bai position: relative;

想 ul 裡的內du容不會溢位來zhi

的話加上dao overflow: hidden;

14樓:跳2支舞

如果ul有寬度,ul就可以居中,而不需要定位

15樓:匿名使用者

水平:div text-align: center;margin:0

垂直:div vertical-align:middle;line-height:100%

div中有個ul,如何使這個ul在div中水平居中呢?

16樓:水琅

必須設定div的高度和ul的高度,然後設定div垂直居中

17樓:藍葉資源分享

演示du

效果演示效果

演示效果

演示效果

上面zhi是**,把**複製dao到html檔案中,用瀏內覽器開啟容看看吧。

18樓:匿名使用者

在中間浮東西一般都是很頭疼的。不過我一般用兩種方法。

css裡 ul標籤怎麼居中啊

19樓:篤定資源

要實現ul標籤水平居中,關鍵在於css中 display:inline 的運用。

html**具體示例:

注意:如果ul沒有設定寬度,用margin:0 autl是沒有用的,因為它預設了100%,給它乙個寬度,實際寬度或者width:auto都可以。

20樓:匿名使用者

第乙個問題

ul設定margin:0px auto是指ul本身相對於父級物件居中。你的ul父級物件是div,所以並不是相對螢幕居中,而是相對父級div300個px的居中。

解決這個問題的方法是把div的寬度去掉,讓div預設為body的寬度。或者乾脆直接把父級的div去掉。

第二個問題

如果要垂直居中,valign很多瀏覽器相容性不好,一般解決方法:如果是一行的話可以設定行高line-height屬性和高度height相等;如果是多行的話要複雜的多,可以考慮將父級物件設定為相對定位position:relative,要居中的物件設定為絕對定位position:

absolute,然後慢慢調整left和top的值。

第二個問題你還有乙個錯誤就是乙個物件如果加了padding之後的話,跟它的寬度沒有關係,也就是說。如果你設定乙個物件的寬度為200px,padding為50px,它的真實寬度就是200px 加上左邊的50px的padding,右邊的50px的padding,加起來一共300px;

第三個問題

同第乙個問題,li的左右居中依然是相對於它的父級物件即ul居中,只瀏覽器的寬度沒有關係。

第四個問題

沒明白你的意思,乙個ul裡有好多個li,你要是多個li同時居中?就是全部重疊在一起?還是說

什麼居中?或者你的意思是比如ul高200,一共有兩個li,兩個li乙個人有50的高度,居中的意思就是說兩個li應該本身佔100的高度,然後上面空50,下面空50?

21樓:木恩月城

給樣式加width寬度和高度,否則不能居中,display:block; width:100px; height:100px;

22樓:斜斜西

ul被定了成塊元素,即display:block ,它就注定居不了中,所以只要不要變成塊元素就可以了,然後用text-align:center居中就可以了。

很多的導航條都是沒居中的。

23樓:匿名使用者

akfiealdife

akfiealdife

css如何讓ul居中

24樓:幻翼高達

需要準備的材料

bai分別有:du電腦、瀏覽zhi器、html編輯器。

1、首先dao,開啟html編輯器,新

回建html檔案,例答如:index.html,填充問題基礎**。

2、在index.html中的標籤中,輸入css**:#menu 。

3、瀏覽器執行index.html頁面,此時成功實現了ul標籤的居中顯示。

25樓:千鋒教育

要實現來ul標籤水平居中源,關鍵在於css中 display:inline 的運用。

具體示例:

html**

關於倡萌

廣告合作

版權宣告

聯絡倡萌

css樣例

#links

#links ul

#links ul li

26樓:小夜專利

你已經設了ul讓其向左浮動……

它當然不會居中。

你可以對其display:block並且margin:0 auto;

如果有相容性問題的話,給它加上乙個clear屬性。

27樓:

把*改為*看看

28樓:匿名使用者

可以在#menu裡面加個

margin:0 auto;和width:900px;(一般網頁有個整體寬度的)

這樣頁面整體就在中間了,ul漂浮也就漂到中間的最左邊

29樓:匿名使用者

給ul乙個固定寬高,然後使用margin:0 auto;或者講整個ul放在標籤內都行,但是這個標籤有弊端,就是不管你設定了什麼對齊方式,只要放在這個標籤裡面的都是居中樣式。

30樓:專注建站周夕人

有兩種方法

設定自動

給定義居中距離

31樓:min明

margin

ul怎麼在div裡面居中

32樓:匿名使用者

如果ul不設定寬度的話無法直接加css使其居中,可以給你乙個建議,你可以在ul外面套乙個table,table不設寬度的情況下預設是寬度最小化的,加margin:0 auto;就可以居中並且寬度自適應伸展;

你用ul做頁面無非是做一行顯示而已,你直接用table布局的話還更省事

大家都強調div+css就認為table布局沒用了,其實div+table+css布局有時候會更好的布局,要適當的運用不同標籤才是最好的選擇

33樓:從前有個

推薦的做法是不用ul和li來做頁碼,而是直接用a標籤來做12

3</div>

然後設定div text-align:center,再定義一下超連結的邊距什麼的就可以了。因為ul寬度不定的水平居中太複雜了,很難實現,與其糾結這樣的問題,還不如把它簡單化處理。

34樓:狼人

給ul設定寬度,ul

35樓:匿名使用者

div的css中加 text-align:center;試試

今天上午吃了蘋果,但是它裡面有蟲子,我沒有發現,吃到最後,我發現有小白蟲子。請下看

我是搞果樹技術推廣工作的,有資格回答你的問題。我肯定的告訴你,假設真的把蟲子吃進肚子裡也沒有關係,因為昆蟲身體的主要成分是蛋白質,蛋白質是人體不可缺少的營養物質,昆蟲從口進入胃裡,首先要通過牙齒咀嚼,會把蟲子磨碎,到胃裡消化吸收。如果咀嚼沒有殺死蟲子,胃裡有胃酸 鹽酸 昆蟲在那種環境中也是不能存活的...

楊坤的月亮代表我的心裡面的歌詞其中“月亮它可以聽我就真”,還

帶髮修行的蟒蛇 現在網上很多寫的都是 聽我就真 但是個人感覺應該是 替我作證 這個比較靠譜 聽我就真 說不通順啊 到底多愛你,到底多想你,窗外的人行道下過雨 嘆色熱帶雨 它沒有說明,在玻璃後對我嘆著氣 心會不會痛,腳步重不重,什麼是愛過不會形容,反正想你就看黑咖啡那麼濃,沒有喝過的人不會懂,你問我愛...

我的bios裡面怎麼沒有power選項

歲月不及你動人 不是你的bios裡沒有power選項,部分電腦的power選項存在於advanced 的apm configuration選項中,你可以仔細地查詢一下,就可以找到了。power主要是指 一種由ibm公司設計開發的一種基於risc架構的指令集體系構架 isa 被稱為power isa。...