填充問題padding
#box1{
??? width:100px;
??? height:100px;
??? padding:10px;
??? border:1px solid red;
}
</style></head>
<body>
<div id="box1">盒子1</div>
容器的長和寬是width和height，那內容“盒子1”的長度和寬度呢，怎樣設置padding才能讓盒子1到容器的中間啊
Flaur_
2016-02-27
3 回答
舉報
0/150
提交
取消
2016-02-29
設置行高line-height=盒子的高 ?text-align設置為居中
2016-02-27
?<head>
<style>
? ? ?#box1{
? ? width:100px;
? ? height:100px;
? ? border:1px solid red;
? ? text-align:center;
? ? line-height:100px;(不需要設定padding值，設定text-align和line-height就可以實現“盒子1”在容器內水平垂直居中)
? ? }?
? ? </style>
</head>
<body>??
<div id="box1">盒子1</div>
</body>
2016-02-27
margin:0 auto;