課程
/前端開發(fā)
/HTML/CSS
/初識(shí)HTML(5)+CSS(3)-升級(jí)版
padding:{10px}; ?意思是上右下左內(nèi)邊距都為10px,但是為什么顯示出來(lái)的效果只有上左是10px呢???
2016-01-08
源自:初識(shí)HTML(5)+CSS(3)-升級(jí)版 12-12
正在回答
實(shí)際padding已經(jīng)設(shè)置為10px了,只是你的內(nèi)容沒有填滿盒子,暫且只顯示出了左內(nèi)邊距和上內(nèi)邊距,可以內(nèi)容多一些,就看出右內(nèi)邊距效果。
或者取消高度設(shè)置,使之根據(jù)內(nèi)容自適應(yīng),可以看到下內(nèi)邊距效果。
(此外,不設(shè)置寬度時(shí),默認(rèn)情況下,塊狀元素的寬度為頁(yè)面寬度;不是高度時(shí),默認(rèn)情況下,塊狀元素的高度為內(nèi)容的高度)。
因?yàn)橛覀?cè)和下側(cè)都還有空余的地方
你把寬高暫時(shí)刪了就能看出效果了,或者多寫幾個(gè)字把div填滿。
?其實(shí)已經(jīng)是四周都為10px了只是你內(nèi)容少?看不出來(lái)你把盒子??漢字?多復(fù)制幾個(gè) ?
?正常應(yīng)該寫#box1{padding:10px;}不應(yīng)該寫padding:{10px}?
盒子寬高都是100px,盒子內(nèi)元素默認(rèn)靠左上角顯示,右下部空間遠(yuǎn)大于10px,所以看不來(lái)。
樓上的應(yīng)該看他的代碼的。你看到只有左上加了10個(gè)像素。真相只有一個(gè):那就是下右的你沒看出來(lái)!你把字多復(fù)制幾遍讓他填充滿就看出來(lái)了!/流汗
說(shuō)錯(cuò)勿怪:
因?yàn)槭沁@樣:
#box1{padding:10px;}
而不是:
padding:{10px};
舉報(bào)
HTML(5)+CSS(3)基礎(chǔ)教程8小時(shí)帶領(lǐng)大家步步深入學(xué)習(xí)標(biāo)簽用法和意義
2 回答不是”上右下左“的順序嗎?為什么出來(lái)的效果不是右邊10px,而是左邊10px呢?
5 回答padding內(nèi)邊距問(wèn)題,設(shè)置上下左右都為10px了,為什么感覺左右起作用了,上下根本不是10px呢
4 回答為什么“盒子1”不是居中的?? 怎么看 padding:10px 上下左右都是10px呢?
2 回答為啥上下左右都是10PX 邊距并不是一樣的
1 回答padding不是區(qū)分上右下左的么?為啥padding:10px 20px; 就設(shè)置為上下填充10px,左右為20px?
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)
2016-01-08
實(shí)際padding已經(jīng)設(shè)置為10px了,只是你的內(nèi)容沒有填滿盒子,暫且只顯示出了左內(nèi)邊距和上內(nèi)邊距,可以內(nèi)容多一些,就看出右內(nèi)邊距效果。
或者取消高度設(shè)置,使之根據(jù)內(nèi)容自適應(yīng),可以看到下內(nèi)邊距效果。
(此外,不設(shè)置寬度時(shí),默認(rèn)情況下,塊狀元素的寬度為頁(yè)面寬度;不是高度時(shí),默認(rèn)情況下,塊狀元素的高度為內(nèi)容的高度)。
2016-01-08
因?yàn)橛覀?cè)和下側(cè)都還有空余的地方
2016-01-08
你把寬高暫時(shí)刪了就能看出效果了,或者多寫幾個(gè)字把div填滿。
2016-01-08
?其實(shí)已經(jīng)是四周都為10px了
只是你內(nèi)容少?看不出來(lái)
你把盒子??漢字?多復(fù)制幾個(gè) ?
2016-01-08
?正常應(yīng)該寫#box1{padding:10px;}
不應(yīng)該寫padding:{10px}?
2016-01-08
盒子寬高都是100px,盒子內(nèi)元素默認(rèn)靠左上角顯示,右下部空間遠(yuǎn)大于10px,所以看不來(lái)。
2016-01-08
樓上的應(yīng)該看他的代碼的。你看到只有左上加了10個(gè)像素。真相只有一個(gè):那就是下右的你沒看出來(lái)!你把字多復(fù)制幾遍讓他填充滿就看出來(lái)了!/流汗
2016-01-08
說(shuō)錯(cuò)勿怪:
因?yàn)槭沁@樣:
#box1{padding:10px;}
而不是:
padding:{10px};