為什么元素內容不在邊框中間呢
<!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
不居中是因為字體的高寬是有固定大小的，而達不 到的部分實際用空白取代了呢? 可通過設置參數來實現?
text-align;
line-height;?
?通過瀏覽器的檢查是可以查看空白部分的盒子模型的
2019-05-07
那是因為你已經設定盒子的尺寸是100×100。而后面padding：10px只能控制左填充距離10，上填充距離10。
2019-05-06
并不是說設置了padding四個方向相同就居中的 你可以試試不設置padding看看它的初始狀態 再分別改變四個方向 可以看到它是在初始狀態下再改變距離的 可以自己動手試一下?
2019-03-06
你要水平垂直都居中的話要加兩行css代碼
text-align:center;
line-height:100px;? //要和height屬性設置的值相同
2019-03-06
因為要設置test-align:center才能居中位置