当前位置: 首页 > news >正文

margin和padding的区别

目前web2.0已经越来被人们认可,因为喜欢搞web开发的人员不得不硬着头皮去学习web2.0的标准,其中很重要的一条就是新的布局规则,div+css。以前基本上是用table布局的,这种传统的方式简单直观,但是这新的标准我学习起来时常找不到北。呵呵,就拿今天这个例子来说吧,很多朋友肯定也有我这种情况的,那我就从网上搜集一些例子出来,让个更多的人消除这种烦恼。

      事例一:

     css中padding和margin的区别

 

 

margin 外边距

border 边框

padding 内边距

也就是说 设置margin 那么他所占据的空白地方会是在边框外面

设置padding 他所占据的空白地方是在边框里面,图解一下就更清楚了。

 

margin和padding的区别 - email_wangyong - 建站超市

 

如上图,A,B两个方框,A代码padding,B代表margin,现在我们看A箭头与蓝色边框的距离,这就是padding叫做内边距,下面再来看看B外面的箭头与B之前的距离就是我们所说的margin的,叫做外间距,哈哈你现在应该明白了,什么是padding,什么是margin吧?呵呵

事例二:

看看css盒模型,下图!margin是 DIV与周边元素的距离padding是 DIV里边内容与这个DIV的距离

margin和padding的区别 - email_wangyong - 建站超市

相关文章:

  • Linux date 用法
  • mysql引擎更改
  • jquery中DOM节点操作(一)
  • PowerDesigner CDM中取消默认不能存在同名主键的方法
  • linux 下java环境的配置
  • dubbo源码解析(二)
  • 在VMW 虚拟桌面环境下 VC总是提示 计算虚拟磁盘空间
  • RH413-RHEL6.4课程总结
  • 摄像机成像模型
  • mybatis 获取insert返回的主键
  • 15索引器
  • (七)理解angular中的module和injector,即依赖注入
  • zzz
  • JS中获取session中传过来的值对象
  • python笔记正则表达式
  • 【腾讯Bugly干货分享】从0到1打造直播 App
  • 【译】React性能工程(下) -- 深入研究React性能调试
  • 【跃迁之路】【641天】程序员高效学习方法论探索系列(实验阶段398-2018.11.14)...
  • 2019.2.20 c++ 知识梳理
  • android图片蒙层
  • C学习-枚举(九)
  • Java基本数据类型之Number
  • java中具有继承关系的类及其对象初始化顺序
  • leetcode46 Permutation 排列组合
  • MySQL常见的两种存储引擎:MyISAM与InnoDB的爱恨情仇
  • opencv python Meanshift 和 Camshift
  • passportjs 源码分析
  • Spring框架之我见(三)——IOC、AOP
  • SQLServer插入数据
  • uva 10370 Above Average
  • 后端_ThinkPHP5
  • 记一次用 NodeJs 实现模拟登录的思路
  • 理清楚Vue的结构
  • 利用阿里云 OSS 搭建私有 Docker 仓库
  • 码农张的Bug人生 - 见面之礼
  • 买一台 iPhone X,还是创建一家未来的独角兽?
  • 免费小说阅读小程序
  • 深度学习入门:10门免费线上课程推荐
  • 使用iElevator.js模拟segmentfault的文章标题导航
  • 线上 python http server profile 实践
  • 用element的upload组件实现多图片上传和压缩
  • 远离DoS攻击 Windows Server 2016发布DNS政策
  • ​​​​​​​ubuntu16.04 fastreid训练过程
  • ​RecSys 2022 | 面向人岗匹配的双向选择偏好建模
  • #define用法
  • #Java第九次作业--输入输出流和文件操作
  • #Linux(Source Insight安装及工程建立)
  • (3)(3.2) MAVLink2数据包签名(安全)
  • (草履虫都可以看懂的)PyQt子窗口向主窗口传递参数,主窗口接收子窗口信号、参数。
  • (附源码)springboot 房产中介系统 毕业设计 312341
  • (区间dp) (经典例题) 石子合并
  • (十八)SpringBoot之发送QQ邮件
  • (十七)devops持续集成开发——使用jenkins流水线pipeline方式发布一个微服务项目
  • (一) storm的集群安装与配置
  • (转)C#调用WebService 基础