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