热门标签 | HotTags
当前位置:  开发笔记 > 前端 > 正文

css中常见margin用法有哪些

小编给大家分享一下css中常见margin用法有哪些,相信大部分人都还不怎么了解,因此分享这篇文章给大家参考一下,希望大家阅读完这篇文章后大有收

小编给大家分享一下css中常见margin用法有哪些,相信大部分人都还不怎么了解,因此分享这篇文章给大家参考一下,希望大家阅读完这篇文章后大有收获,下面让我们一起去了解一下吧!

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点属于手腕性应用。

以上是“css中常见margin用法有哪些”这篇文章的所有内容,感谢各位的阅读!相信大家都有了一定的了解,希望分享的内容对大家有所帮助,如果还想学习更多知识,欢迎关注编程笔记行业资讯频道!


推荐阅读
  • 本文详细探讨了 Java 中 Daemon 线程的特点及其应用场景,并深入分析了 Random 类的源代码,帮助开发者更好地理解和使用这些核心组件。 ... [详细]
  • php怎么重新发布网站(2023年最新分享) ... [详细]
  • 使用 NDB 提升 Node.js 应用调试体验
    本文介绍了由 Google Chrome 实验室推出的新一代 Node.js 调试工具 NDB,旨在为开发者提供更加高效和便捷的调试解决方案。 ... [详细]
  • 本文详细介绍了如何在 Chrome 浏览器中进行扩展程序的备份与恢复操作,包括具体的步骤和注意事项。 ... [详细]
  • TensorFlow核心函数解析与应用
    本文详细介绍了TensorFlow中几个常用的基础函数及其应用场景,包括常量创建、张量扩展以及二维卷积操作等,旨在帮助开发者更好地理解和使用这些功能。 ... [详细]
  • Linux进程中的主要内存区域及其功能
    在Linux系统中,每个运行的进程(即执行的程序)都会占用一定量的内存资源。这些内存资源根据不同的用途被划分为多个区域,包括代码段、数据段、BSS段、堆以及栈。本文将详细介绍这五个内存区域的作用及特点。 ... [详细]
  • Python图像处理库概览
    本文详细介绍了Python中常用的图像处理库,包括scikit-image、Numpy、Scipy、Pillow、OpenCV-Python、SimpleCV、Mahotas、SimpleITK、pgmagick和Pycairo,旨在帮助开发者和研究人员选择合适的工具进行图像处理任务。 ... [详细]
  • 本章节深入探讨了多种实用的辅助类,这些类将在未来的项目中发挥关键作用。此外,单元测试被强调为游戏开发初期的重要步骤。文章最后通过Breakout游戏的实例,展示了如何有效地利用前文所述的技术。 ... [详细]
  • 本文详细介绍了如何在Adobe Photoshop中设置自动保存功能,以防止数据丢失。通过简单的步骤,用户可以在指定的时间间隔内自动保存工作进度,或选择关闭此功能。 ... [详细]
  • 本文探讨了两种有效的方法来确定一组10个整数中的最大值,包括使用三目运算符和循环结构。 ... [详细]
  • Navicat 使用指南与连接设置
    本文详细介绍了如何首次使用 Navicat 进行数据库连接设置,包括注册过程、输入正确的端口号及认证信息,确保用户能够顺利连接到 MySQL 数据库。 ... [详细]
  • 本文记录了在使用JMeter进行性能测试时,通过CSV Data Set Config读取外部数据过程中遇到的一个常见问题及其解决方案。该问题主要涉及文件配置的细节。 ... [详细]
  • 本文介绍了如何通过十折交叉验证方法评估回归模型的性能。我们将使用PyTorch框架,详细展示数据处理、模型定义、训练及评估的完整流程。 ... [详细]
  • WPS文档中实现高效批量文本替换的指南
    本文详细介绍了如何在WPS文档中快速执行批量文本替换的操作方法,旨在帮助用户提高文档编辑效率。 ... [详细]
  • 本文详细介绍了Oracle数据库中FLOOR函数的应用方法与实例,旨在帮助开发者更好地理解和运用这一数学函数。 ... [详细]
author-avatar
许仙
这个家伙很懒,什么也没留下!
PHP1.CN | 中国最专业的PHP中文社区 | DevBox开发工具箱 | json解析格式化 |PHP资讯 | PHP教程 | 数据库技术 | 服务器技术 | 前端开发技术 | PHP框架 | 开发工具 | 在线工具
Copyright © 1998 - 2020 PHP1.CN. All Rights Reserved | 京公网安备 11010802041100号 | 京ICP备19059560号-4 | PHP1.CN 第一PHP社区 版权所有