課程
/前端開(kāi)發(fā)
/HTML/CSS
/初識(shí)HTML(5)+CSS(3)-升級(jí)版
我不太明白水平居中到底是什么效果,因?yàn)槲铱磮D片的區(qū)域1并沒(méi)有居中啊
2015-12-30
源自:初識(shí)HTML(5)+CSS(3)-升級(jí)版 15-2
正在回答
大哥,你少了“text-align:center;”
那是因?yàn)槟闫聊恍?看不太出來(lái)
這里指的是所在的div相對(duì)于父元素水平居中,全屏就可以看到邊框是水平居中的,相對(duì)于body元素。
要div里的文本水平居中,加上?text-align: center;即可,如
<!DOCTYPE?HTML> <html> <head> <meta?http-equiv="Content-Type"?content="text/html;?charset=utf-8"> <title>定寬塊狀元素水平居中</title> <style> div{ ????border:1px?solid?red; height:200px; width:500px; margin:20px?auto; ????text-align:?center; } </style> </head> <body> <div>我是定寬塊狀元素,我要水平居中。</div> </body> </html>
水平居中就是塊左右兩邊的距離是一樣。執(zhí)行結(jié)果的的右上角不是有一個(gè)可以展開(kāi)的按鈕,你點(diǎn)開(kāi)看看就知道了,不然你用瀏覽器看,就知道了
舉報(bào)
HTML(5)+CSS(3)基礎(chǔ)教程8小時(shí)帶領(lǐng)大家步步深入學(xué)習(xí)標(biāo)簽用法和意義
2 回答什么是水平居中?
1 回答水平居中-
1 回答怎么讓水平居中的div中的文字也水平居中?
3 回答水平居中問(wèn)題
5 回答圖片水平居中
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)
2016-02-01
大哥,你少了“text-align:center;”
2015-12-31
那是因?yàn)槟闫聊恍?看不太出來(lái)
2015-12-30
這里指的是所在的div相對(duì)于父元素水平居中,全屏就可以看到邊框是水平居中的,相對(duì)于body元素。
要div里的文本水平居中,加上?text-align: center;即可,如
2015-12-30
水平居中就是塊左右兩邊的距離是一樣。執(zhí)行結(jié)果的的右上角不是有一個(gè)可以展開(kāi)的按鈕,你點(diǎn)開(kāi)看看就知道了,不然你用瀏覽器看,就知道了