課程
/前端開發(fā)
/HTML/CSS
/初識(shí)HTML(5)+CSS(3)-升級(jí)版
如何在盒子中居中
2016-07-18
源自:初識(shí)HTML(5)+CSS(3)-升級(jí)版 12-13
正在回答
box1和box2這兩個(gè)內(nèi)容的高度和寬度是通過width、height設(shè)置為300px,但是box1和box2本身并沒有300px,它只占了內(nèi)容300px×300px的左上角,解決方法是:添加line-height=100px; text-align:center;
這里我也不能理解,同求答案
我自己想的一個(gè)笨方法,設(shè)置屬性,padding-top為height的一半,padding-left為width的一半。
略坑 提問者
qq_愛玩屎的阿拉蕾_0 回復(fù) 略坑 提問者
margin: 0px auto
最簡單的居中text-align: center。使用center標(biāo)簽也可設(shè)置居中。有時(shí)候做居中也會(huì)用到margin: 0px auto。div下做到了水平居中,垂直比較困難。放到table里面,可以水平居中,垂直居中。
舉報(bào)
HTML(5)+CSS(3)基礎(chǔ)教程8小時(shí)帶領(lǐng)大家步步深入學(xué)習(xí)標(biāo)簽用法和意義
4 回答居中 使盒子1居中
2 回答關(guān)于小盒子在大盒子內(nèi)居中的問題
1 回答如何將盒子放在頁面的正中央
4 回答如何居中?
4 回答為什么盒中填充內(nèi)容box1不會(huì)居中,總是在盒子的一角?
Copyright ? 2025 imooc.com All Rights Reserved | 京ICP備12003892號(hào)-11 京公網(wǎng)安備11010802030151號(hào)
購課補(bǔ)貼聯(lián)系客服咨詢優(yōu)惠詳情
慕課網(wǎng)APP您的移動(dòng)學(xué)習(xí)伙伴
掃描二維碼關(guān)注慕課網(wǎng)微信公眾號(hào)
2016-08-25
box1和box2這兩個(gè)內(nèi)容的高度和寬度是通過width、height設(shè)置為300px,但是box1和box2本身并沒有300px,它只占了內(nèi)容300px×300px的左上角,解決方法是:添加line-height=100px; text-align:center;
2016-07-18
這里我也不能理解,同求答案
2016-07-18
我自己想的一個(gè)笨方法,設(shè)置屬性,padding-top為height的一半,padding-left為width的一半。
2016-07-18
margin: 0px auto
2016-07-18
最簡單的居中text-align: center。
使用center標(biāo)簽也可設(shè)置居中。
有時(shí)候做居中也會(huì)用到margin: 0px auto。
div下做到了水平居中,垂直比較困難。
放到table里面,可以水平居中,垂直居中。