為什么元素內(nèi)容不在邊框中間呢
<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>填充</title>
<style type="text/css">
#box1{
? ? width:100px;
? ? height:100px;
? ? padding:10px;
? ? border:1px solid red;
}
</style>
</head>
<body>
<div id="box1">盒子1</div>
</body>
</html>
2019-05-18
不居中是因?yàn)樽煮w的高寬是有固定大小的，而達(dá)不 到的部分實(shí)際用空白取代了呢? 可通過設(shè)置參數(shù)來實(shí)現(xiàn)?
text-align;
line-height;?
?通過瀏覽器的檢查是可以查看空白部分的盒子模型的
2019-05-07
那是因?yàn)槟阋呀?jīng)設(shè)定盒子的尺寸是100×100。而后面padding：10px只能控制左填充距離10，上填充距離10。
2019-05-06
并不是說設(shè)置了padding四個(gè)方向相同就居中的 你可以試試不設(shè)置padding看看它的初始狀態(tài) 再分別改變四個(gè)方向 可以看到它是在初始狀態(tài)下再改變距離的 可以自己動手試一下?
2019-03-06
你要水平垂直都居中的話要加兩行css代碼
text-align:center;
line-height:100px;? //要和height屬性設(shè)置的值相同
2019-03-06
因?yàn)橐O(shè)置test-align:center才能居中位置