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