微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

div的内边距怎么设置?div内边距正确的设置方法

不少用户都会遇到这样的问题:有时候在使用div设置内边距的时候会撑开整个div的现象,这是怎么回事呢?在本文中小编给大家分享下关于div内边距的正确设置参数。

内边距设置方法

padding-top: 20px;

padding-right: 30px;

padding-bottom: 40px;

padding-left: 30px;

padding:20px;只有一个值,同时设置四个方向的值*/

padding:0 20px;两个值,第一个值是上下(x轴),第二个值是左右(y轴)*/

padding:20px 30px 40px;三个值,三个值分别是上 左右 下*/

padding: 0 0 0 20px;四个值分别是:上 右 下 左*/

这里在给大家说一下外边距的设置方法,其实和内边距的设置方法是一样的:

margin-top: 20px;

/*margin-right: 30px;

margin-bottom: 40px;

margin-left: 30px;*/

/*margin:20px;只有一个值,同时设置四个方向的值*/

/*margin:0 20px;两个值,第一个值是上下(x轴),第二个值是左右(y轴)*/

/*margin:20px 30px 40px;三个值,三个值分别是上 左右 下*/

/*margin: 0 0 0 20px;四个值分别是:上 右 下 左*/

以上便是小编给大家分享的div内边距怎么设置的正确设置方法

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。

相关推荐