为什么元素内容不在边框中间呢
来源：12-12 宰相肚里能撑船 - 使用padding为盒子设置内边距（填充）
慕后端5233451
2019-03-06 11:02
<!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:10px;
border:1px solid red;
}
</style>
</head>
<body>
<div id="box1">盒子1</div>
</body>
</html>
写回答
关注
5回答
-
- weixin_慕的地531652
- 2019-05-18 08:25:41
不居中是因为字体的高宽是有固定大小的，而达不 到的部分实际用空白取代了呢 可通过设置参数来实现
text-align;
line-height;
通过浏览器的检查是可以查看空白部分的盒子模型的
-
- 小小铁头娃
- 2019-05-07 20:56:18
那是因为你已经设定盒子的尺寸是100×100。而后面padding：10px只能控制左填充距离10，上填充距离10。
-
- 哟西红豆泥
- 2019-05-06 17:52:46
并不是说设置了padding四个方向相同就居中的 你可以试试不设置padding看看它的初始状态 再分别改变四个方向 可以看到它是在初始状态下再改变距离的 可以自己动手试一下
-
- 世界意志
- 2019-03-06 23:32:45
你要水平垂直都居中的话要加两行css代码
text-align:center;
line-height:100px; //要和height属性设置的值相同
-
- 幕布斯5209223
- 2019-03-06 11:08:08
因为要设置test-align:center才能居中位置
初识HTML(5)+CSS(3)-升级版
HTML(5)+CSS(3)基础教程8小时带领大家步步深入学习标签用法和意义
1225294 学习 · 18230 问题
相似问题
内容怎么不在方框中间？
回答 5
元素内容和边框的距离怎么更短
回答 1
这里的盒子1为什么不在边框的中间呢？
回答 3
给边框添加元素为什么不能显示
回答 1
div不是块状元素吗，为什么在行内元素？
回答 2