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