為什么我設置了padding：50px;而內容不是居中，邊框不是正方形而是長方形？
<!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:50px;
? ? border:1px solid red;
}
</style>
</head>
<body>
<div id="box1">盒子1</div>
</body>
</html>
2018-05-15
padding是內容距離左邊框50px，因為你的內容太短了，所以看不出來離右邊框多遠，你多輸入幾十個字，看看效果就知道了。你把寬度和高度注釋了，所以不是正方形，你把注釋去掉再試一試。
/*width:100px;
? ? height:100px;*/
2018-05-15
padding是內容和邊框的距離,和你文字沒關系。
2018-05-15
內容居中用align，盒子的形狀用width和height來控制，padding是內容和邊框的距離
2018-05-15
容器居中（box1）：box1先絕對定位;left(或是right):50%;margin-left(right):-50xp(就是你容器的寬度的一半)；
或直接內容居中就行了（text-align: center;）