填充问题padding
来源：12-12 宰相肚里能撑船 - 使用padding为盒子设置内边距（填充）
Flaur_
2016-02-27 13:47
#box1{
width:100px;
height:100px;
padding:10px;
border:1px solid red;
}
</style></head>
<body>
<div id="box1">盒子1</div>
容器的长和宽是width和height，那内容“盒子1”的长度和宽度呢，怎样设置padding才能让盒子1到容器的中间啊
写回答
关注
3回答
-
- 恭宽信
- 2016-02-29 11:03:54
设置行高line-height=盒子的高 text-align设置为居中
-
- smallzi
- 2016-02-27 14:34:26
<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>
-
- luofs
- 2016-02-27 13:54:18
margin:0 auto;
初识HTML(5)+CSS(3)-升级版
HTML(5)+CSS(3)基础教程8小时带领大家步步深入学习标签用法和意义
1225811 学习 · 18234 问题
相似问题