明明設(shè)置的是上下左右10px的內(nèi)邊距，為什么距離不一樣？
代碼：
#box1{
? ? width:100px;
? ? height:100px;
? ? padding:10px;
? ? border:1px solid red;
}
正常“盒子1”不是應(yīng)該在正中間，上下左右的距離相等嗎？
10 回答
舉報(bào)
0/150
提交
取消
代碼：
#box1{
? ? width:100px;
? ? height:100px;
? ? padding:10px;
? ? border:1px solid red;
}
正常“盒子1”不是應(yīng)該在正中間，上下左右的距離相等嗎？
舉報(bào)
2020-07-14
2020-02-03
你跟本理解錯(cuò)了，height,width是這個(gè)方框里面的高度和寬度，而不是指里面的字，你想控制字，要用text-align
2019-12-30
內(nèi)容沒有按照設(shè)定的值裝滿，當(dāng)然就會(huì)與邊框之間有一定距離，這就好比你往杯子里倒水，你只給它半杯水，上半部分當(dāng)然就會(huì)是空的咯。不過，有兩種解決辦法：1）把width和height的值改?。梢岳斫鉃榘驯訐Q為容量更小的）。2）多寫文字試試（可以理解為多倒水）。
2019-12-26
請(qǐng)看圖，這應(yīng)該是你預(yù)期的效果。你的代碼是正確的，顯示出來的結(jié)果也是正確的。你覺得不居中是因?yàn)槟愕膬?nèi)容不夠。
從代碼上來看，設(shè)置了一個(gè)寬和高均為100px的盒子，內(nèi)容與邊框上下左右的距離均為10px。但是你的內(nèi)容不夠，所以效果不對(duì)，你多加點(diǎn)內(nèi)容就能看到想要的效果。
2019-12-25
首先，再仔細(xì)地多看幾遍11-8，搞清楚width，height究竟指的是什么；
其次，漢字“盒子1”只是一個(gè)名稱（符號(hào)），里面其實(shí)還并未放“內(nèi)容”。
2019-11-25
<!DOCTYPE?HTML><html><head><meta?http-equiv="Content-Type"?content="text/html;?charset=gb2312"><title>填充</title><style?type="text/css">#box1{????width:100px;????height:?auto;????/*垂直居中*/????padding:39px?0;????/*水平劇中*/????text-align:?center;????border:1px?solid?red;}</style></head><body><div?id="box1">盒子1</div></body></html>2019-10-05
#box1{
? ? width:100px;
? ? height:100px;
? ? padding:10px;
? ? border:1px solid red;
}
盒子里面的內(nèi)容是,寬高設(shè)置的是100px，你的填充設(shè)置設(shè)置的是10px，盒子里面內(nèi)容的邊框可能把盒子撐大了。
你可以試試這個(gè)代碼，看到邊框不對(duì)稱自己可以多改下。
?#one{
???????????height:50px;
???????????width:50px;
???????????padding:50px?100px?40px?100px;
?<div?id=one><span?id="two">盒子</span></div>
2019-10-02
我猜是因?yàn)橄葷M足左上方，左上角符合了10px，但是因?yàn)楹凶颖旧韺捀邽?00px，所以造成這個(gè)樣子。
2019-09-16
同問? 雖然我審查元素里面看到的結(jié)果是對(duì)的? 但是還是不太明白為什么效果是這樣的
2019-08-29
你的內(nèi)容設(shè)置了width:100px; height:100px;你改一下值看下結(jié)果