                        課程
                    
                        /前端開發(fā)
                        
                            /HTML/CSS
                        
                        /初識HTML(5)+CSS(3)-升級版

為什么填充數(shù)值一樣，而效果卻不是想要的效果？？

width:100px;

height:100px; ? //寬高一樣

padding:10px ? //按照解釋，上右下左四邊填充都一樣，理論上到四邊的距離應(yīng)該一樣，實(shí)際上效果卻不是

qq_夏日青楓_0

2016-03-15

源自：初識HTML(5)+CSS(3)-升級版 12-12

關(guān)注問題我要回答

812

操作

收起

2 回答

TurnAllthelight
2016-03-15

因?yàn)槟闼畛涞囊?guī)則是寬=左邊界+左填充+內(nèi)容寬度+右填充+有邊框+右邊界；高也是如此，所以要實(shí)際內(nèi)容在中間就應(yīng)該去掉所對應(yīng)的內(nèi)容像素長度就可以啦

0 回復(fù) 有任何疑惑可以回復(fù)我~

收起回答

#1

qq_夏日青楓_0 提問者

那如果想讓實(shí)際內(nèi)容在中間的話，就類似這節(jié)所講的要去掉哪些內(nèi)容才可以

2016-03-15 回復(fù) 有任何疑惑可以回復(fù)我~

#2

TurnAllthelight 回復(fù) qq_夏日青楓_0 提問者

你想讓實(shí)際內(nèi)容中間。但是網(wǎng)頁是有寬高距離的，但是你也得將那些空白距離算進(jìn)去，將那空白一段距離加到實(shí)際內(nèi)容前才可以將實(shí)際內(nèi)容放到你想要的中間，因?yàn)檫@是一個(gè)盒子模式規(guī)則，所以你想要在中間，就得把那些上下左右的距離算好，比如你實(shí)際的內(nèi)容寬為50px 高為80px 而這個(gè)盒子寬高都為100px 那你想放到中間就應(yīng)該是寬=左邊padding 20px+實(shí)際內(nèi)容的寬50px+右邊的padding25xp；高就是=上邊top padding 10px+實(shí)際內(nèi)容的80px+ bottom padding 10px 所以你才可以放到中間，而不是去掉那些內(nèi)容，因?yàn)楹凶佑袃?nèi)邊距和外邊距，所以也要吧這些也考慮進(jìn)去

2016-03-16 回復(fù) 有任何疑惑可以回復(fù)我~