html中div的外边距和内边距都是什么意思，怎么设置
2个回答
展开全部
内边距padding的意思是：
边框与内容之间的距离。
外边距margin的意思是：边框与边框之间的距离。
拓展资料
外边距margin
左边距
margin-left:数值
|
autoauto:即距离这个边最远的距离；
右边距:
margin-right:数值
|
auto；
上边距:
margin-top:数值
，这里不能用auto；
下边距:
margin-bottom:数值
这里也不能用auto；
外边距的复合写法
1、margin:
0px(上)
0px(右)
0px(下)
0px(左)；
2、margin:
0px(上)
0px(左右)
0px(下)；
3、margin:
0px(上下边距)
0px(左右边距)；
4、margin:
0px(上下左右边距都是0px)；
例子：
内边距padding
padding属性定义元素的内边距。padding
属性接受长度值或百分比值，但不允许使用负值。
按照上、右、下、左的顺序分别设置各边的内边距，各边均可以使用不同的单位或百分比值，例如：
h1
{padding:
10px
0.25em
2ex
20%;}
内边距也通过使用下面四个单独的属性，分别设置上、右、下、左内边距
padding-top
上内边距；
padding-right
右内边距；
padding-bottom
下内边距；
padding-left
左内边距；
例如：
h1
{
padding-top:
10px;
padding-right:
0.25em;
padding-bottom:
2ex;
padding-left:
20%;
}
边框与内容之间的距离。
外边距margin的意思是：边框与边框之间的距离。
拓展资料
外边距margin
左边距
margin-left:数值
|
autoauto:即距离这个边最远的距离；
右边距:
margin-right:数值
|
auto；
上边距:
margin-top:数值
，这里不能用auto；
下边距:
margin-bottom:数值
这里也不能用auto；
外边距的复合写法
1、margin:
0px(上)
0px(右)
0px(下)
0px(左)；
2、margin:
0px(上)
0px(左右)
0px(下)；
3、margin:
0px(上下边距)
0px(左右边距)；
4、margin:
0px(上下左右边距都是0px)；
例子：
内边距padding
padding属性定义元素的内边距。padding
属性接受长度值或百分比值，但不允许使用负值。
按照上、右、下、左的顺序分别设置各边的内边距，各边均可以使用不同的单位或百分比值，例如：
h1
{padding:
10px
0.25em
2ex
20%;}
内边距也通过使用下面四个单独的属性，分别设置上、右、下、左内边距
padding-top
上内边距；
padding-right
右内边距；
padding-bottom
下内边距；
padding-left
左内边距；
例如：
h1
{
padding-top:
10px;
padding-right:
0.25em;
padding-bottom:
2ex;
padding-left:
20%;
}
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
外边距，意思是标签（如div）距离其父节点上下左右的距离；
如<body><div><a
href="#">链接</a></div
class="div1"></body>
.div1
{
margin-top:10px,margin-right:8px,margin-bottom:2px,margin-left:1px,
//
上面四行可以简写为：margin:10px
8px
2px
1px;
}
内边距，意思就是标签(如div)让其子标签距离其四周的距离，也就是压缩其内部空间
使用方式同margin
padding-top、padding-right、padding-bottom、padding-left
简写为padding
如<body><div><a
href="#">链接</a></div
class="div1"></body>
.div1
{
margin-top:10px,margin-right:8px,margin-bottom:2px,margin-left:1px,
//
上面四行可以简写为：margin:10px
8px
2px
1px;
}
内边距，意思就是标签(如div)让其子标签距离其四周的距离，也就是压缩其内部空间
使用方式同margin
padding-top、padding-right、padding-bottom、padding-left
简写为padding
已赞过
已踩过<
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
