填充內容位置問題
#box1{
??? width:100px;
??? height:100px;
??? padding:10px;
??? border:1px solid red;
}
</style>
</head>
<body>
<div id="box1">盒子1</div>
這段盒子不是應該在邊框中間位置嗎，因為上下左右填充是一樣的。
961005
2016-10-25
3 回答
舉報
0/150
提交
取消
2016-10-25
padding是以內容為中心設置填充的寬高，width和height是塊狀元素的寬和高，它并不是以內容為中心的，內容再塊狀元素的左上角
2016-11-07
padding 是填充盒子內內容區到盒子邊框的距離，而文字只是在內容區內，光填充是不能使文字在盒子內居中的。
還有文字是不能設置width、height的，內容區是可以自行設置的。
2016-11-07
text-align:center;
height:100px;
line-height:100px;
(這樣肯定能使文字在盒子內上下左右居中，height 和 line-height 要設置成一樣的）