page contents

html中margin是什么意思

margin为对象外边距间隔属性。如果对一个对象比如div设置了边框后,再设置margin就会观察到这个div外面产生了间距边距。

attachments-2021-08-nWnonsKX6119bd0183872.jpg

html中margin是什么意思?

一、介绍,什么意思?

margin为对象外边距间隔属性。如果对一个对象比如div设置了边框后,再设置margin就会观察到这个div外面产生了间距边距。

margin作用:

设置对象与其它对象的外边距离,外边间隔。比如对象与对象,上下DIV,左右DIV间隔多少,可以使用margin实现。

.css5{margin:10px}

设置html中class=css5对象的外边距(包括上、左、下、右)分别为10px间距。

二、常见margin

1、margin-left

设置对象左外边距

margin-left:10px; ——设置左外边距10px

2、margin-right

设置对象右外边距

margin-right:20px; ——设置右外边距20px

3、margin-top

设置对象上外边距

margin-top:15px ——设置上外边距15px

4、margin-bottom

设置对象下外边距

margin-bottom:30px ——设置下外边距30px

以上同一div,css选择器里工具需求设置外边距。

以下为常见缩写应用

5、margin:0

设置对象margin的上、左、下、右间距均为0

6、margin:0 auto

设置对象上下外边距为0,左右为自动,此属性常用对象水平居中,比如div居中,对div设置margin:0 auto,同时不要设置float,即可让此div居中了。

7、margin:10px 20px

设置对象上下外边距10px、左右外边距20px

8、margin:10px 15px 20px 25px

设置对象上外边距10px、右外边距15px、下外边距20px、左外边距25px

9、margin:10px 20px 30px

设置对象上外边距10px、左右外边距20px、下外边距为30px

10、margin:10px;margin-left:0

如果对象同时设置margin:10px;margin-left:0,那么代表先对对象上、下、左、右外边距均设置10px,左边单独再设置0,最后相当于对象上、下、右为10px,左为0。

第10点属于技巧性应用。

更多相关技术内容咨询欢迎前往并持续关注六星社区了解详情。

程序员编程交流QQ群:805358732

如果你想用Python开辟副业赚钱,但不熟悉爬虫与反爬虫技术,没有接单途径,也缺乏兼职经验
关注下方微信公众号:Python编程学习圈,获取价值999元全套Python入门到进阶的学习资料以及教程,还有Python技术交流群一起交流学习哦。

attachments-2022-06-XsrC79VK62ad827247516.jpeg

你可能感兴趣的文章

相关问题

0 条评论

请先 登录 后评论
轩辕小不懂
轩辕小不懂

2403 篇文章

作家榜 »

  1. 轩辕小不懂 2403 文章
  2. Pack 1131 文章
  3. 小柒 1038 文章
  4. Nen 576 文章
  5. 王昭君 209 文章
  6. 文双 71 文章
  7. 小威 64 文章
  8. Cara 36 文章