課程
/前端開(kāi)發(fā)
/HTML/CSS
/初識(shí)HTML(5)+CSS(3)-升級(jí)版
text-align:center跟margin:0 auto 有什么區(qū)別呀?
2017-03-03
源自:初識(shí)HTML(5)+CSS(3)-升級(jí)版 10-12
正在回答
margin只能作用于塊元素,text-align可作用于內(nèi)聯(lián)元素。例如:一個(gè)圖像,屬于內(nèi)聯(lián)元素,用margin去設(shè)置它,會(huì)產(chǎn)生一個(gè)錯(cuò)誤,用text-align則可以。就像,塊是可以壓縮的,可以用margin去壓縮,受到包裹它的容器大小限制。而內(nèi)聯(lián)元素用margin會(huì)把它壓縮變形,用text-align把它居中,它就不會(huì)變形了。
onResult 提問(wèn)者
Bietoulan
Bietoulan 回復(fù) Bietoulan
先把文件剪切到桌面,修改完以后再黏貼回去這是編輯器的自動(dòng)補(bǔ)齊完成的
text-align:center是居中,margin:0 auto是盒子邊距為0,是padding、border之外的margin為0,我的理解是這樣,至于auto,我咋對(duì)這個(gè)詞沒(méi)印象
舉報(bào)
HTML(5)+CSS(3)基礎(chǔ)教程8小時(shí)帶領(lǐng)大家步步深入學(xué)習(xí)標(biāo)簽用法和意義
1 回答我用text-align:center;設(shè)置沒(méi)有反應(yīng),但是可以用margin:0 auto;實(shí)現(xiàn)居中 這是為什么
2 回答margin:20px auto和margin:0 auto有什么區(qū)別?我身邊的人都用的后者,沒(méi)見(jiàn)過(guò)前面這種
5 回答text-align:center
10 回答text-align:center;
9 回答text-align:center;?????什么意思
Copyright ? 2025 imooc.com All Rights Reserved | 京ICP備12003892號(hào)-11 京公網(wǎng)安備11010802030151號(hào)
購(gòu)課補(bǔ)貼聯(lián)系客服咨詢(xún)優(yōu)惠詳情
慕課網(wǎng)APP您的移動(dòng)學(xué)習(xí)伙伴
掃描二維碼關(guān)注慕課網(wǎng)微信公眾號(hào)
2017-03-03
margin只能作用于塊元素,text-align可作用于內(nèi)聯(lián)元素。例如:一個(gè)圖像,屬于內(nèi)聯(lián)元素,用margin去設(shè)置它,會(huì)產(chǎn)生一個(gè)錯(cuò)誤,用text-align則可以。就像,塊是可以壓縮的,可以用margin去壓縮,受到包裹它的容器大小限制。而內(nèi)聯(lián)元素用margin會(huì)把它壓縮變形,用text-align把它居中,它就不會(huì)變形了。
2022-03-23
先把文件剪切到桌面,修改完以后再黏貼回去這是編輯器的自動(dòng)補(bǔ)齊完成的
2017-03-03
text-align:center是居中,margin:0 auto是盒子邊距為0,是padding、border之外的margin為0,我的理解是這樣,至于auto,我咋對(duì)這個(gè)詞沒(méi)印象