課程
/前端開發
/HTML/CSS
/十天精通CSS3
<link rel="stylesheet" >
link的base.css沒有相關的樣式啊,是用來干嘛的?
li的文字怎么實現在ul水平居中的?
2015-04-29
源自:十天精通CSS3 5-5
正在回答
因為這個HTML中ul沒有初始化,打開chrome 開發者工具可以發現這個ul是自帶??-webkit-padding-start:?40px; ?也就是說 40px 的左填充,之所以最右邊看起來也這么寬,是因為固定了整體寬帶,你把寬度刪掉就發現了。這就是它居中的原因。左邊填充40px,然后計算寬度把右邊也留出來這么寬,看起來就居中了。如果把ul 初始化,就是padding:0; 就會發現左邊對齊了。
link:href 是引用作者提供的CSS,,那個鏈接你可以瀏覽器打開的,然后自己建一個CSS文件,就成了本地引導
<link?rel="stylesheet"?src="xxx.css"?>???HTML5最新規范默認不寫type,默認type為CSS,JS文件為JS
li中的文字,若是在一個DIV中,可以通過
text-align:center
實現文字居中
caixiangqi 提問者
text-align: center?
舉報
本課程為CSS3入門教程,深刻詳解CSS3知識讓網頁穿上絢麗裝備
4 回答為什么ul的行高只有在50px時可以使li標簽水平垂直居中
1 回答translate水平垂直居中
3 回答怎么實現居中?
1 回答不是很明白li是怎么水平居中的,還有,如果我要調整這幾個li之間的距離,是在li{}里加入margin嗎
1 回答塊狀元素水平垂直居中問題
Copyright ? 2025 imooc.com All Rights Reserved | 京ICP備12003892號-11 京公網安備11010802030151號
購課補貼聯系客服咨詢優惠詳情
慕課網APP您的移動學習伙伴
掃描二維碼關注慕課網微信公眾號
2015-05-07
因為這個HTML中ul沒有初始化,打開chrome 開發者工具可以發現這個ul是自帶??-webkit-padding-start:?40px; ?也就是說 40px 的左填充,之所以最右邊看起來也這么寬,是因為固定了整體寬帶,你把寬度刪掉就發現了。這就是它居中的原因。左邊填充40px,然后計算寬度把右邊也留出來這么寬,看起來就居中了。如果把ul 初始化,就是padding:0; 就會發現左邊對齊了。
2015-04-30
link:href 是引用作者提供的CSS,,那個鏈接你可以瀏覽器打開的,然后自己建一個CSS文件,就成了本地引導
li中的文字,若是在一個DIV中,可以通過
實現文字居中
2015-04-30
text-align: center?