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