課程
/前端開發(fā)
/HTML/CSS
/初識(shí)HTML(5)+CSS(3)-升級(jí)版
文字怎么居中顯示
2020-11-01
源自:初識(shí)HTML(5)+CSS(3)-升級(jí)版 15-2
正在回答
這節(jié)開頭說的對(duì)塊級(jí)元素沒用的意思是text-align并不能讓div這個(gè)塊級(jí)元素居中,如果你用了text-align,你會(huì)發(fā)現(xiàn)div中的文字相對(duì)于div居中了,但是整個(gè)div并沒有變化,要用margin:左右居中才能是div這個(gè)塊級(jí)元素居中顯示。
div容器默認(rèn)大小是占一整行的,這個(gè)時(shí)候你設(shè)置text-align,只是文字先對(duì)于div容器的居中。
當(dāng)你將div的寬度設(shè)定為固定值,如200px,這時(shí)你用text-align去居中,文字會(huì)相對(duì)于div居中,但并不會(huì)相對(duì)于瀏覽器窗口居中,div并沒有動(dòng)。所有,使用margin:auto;讓div居中
舉報(bào)
HTML(5)+CSS(3)基礎(chǔ)教程8小時(shí)帶領(lǐng)大家步步深入學(xué)習(xí)標(biāo)簽用法和意義
1 回答當(dāng)元素是塊狀元素時(shí),text-align:center是起作用的,為什么講解上說不起作用?
1 回答塊狀元素設(shè)置text-align:center也可以直接用于塊狀元素吧?
4 回答內(nèi)聯(lián)塊狀元素也不能使用text-align啊?
2 回答塊狀元素居中問題
2 回答div不是塊狀元素嗎?為什么這里說是行內(nèi)元素呢?
Copyright ? 2025 imooc.com All Rights Reserved | 京ICP備12003892號(hào)-11 京公網(wǎng)安備11010802030151號(hào)
購(gòu)課補(bǔ)貼聯(lián)系客服咨詢優(yōu)惠詳情
慕課網(wǎng)APP您的移動(dòng)學(xué)習(xí)伙伴
掃描二維碼關(guān)注慕課網(wǎng)微信公眾號(hào)
2020-11-29
這節(jié)開頭說的對(duì)塊級(jí)元素沒用的意思是text-align并不能讓div這個(gè)塊級(jí)元素居中,如果你用了text-align,你會(huì)發(fā)現(xiàn)div中的文字相對(duì)于div居中了,但是整個(gè)div并沒有變化,要用margin:左右居中才能是div這個(gè)塊級(jí)元素居中顯示。
2020-11-01
div容器默認(rèn)大小是占一整行的,這個(gè)時(shí)候你設(shè)置text-align,只是文字先對(duì)于div容器的居中。
當(dāng)你將div的寬度設(shè)定為固定值,如200px,這時(shí)你用text-align去居中,文字會(huì)相對(duì)于div居中,但并不會(huì)相對(duì)于瀏覽器窗口居中,div并沒有動(dòng)。所有,使用margin:auto;讓div居中