padding和margin
2024-08-31 05:40:08
padding
(内边距)
语法:
(1)padding-left:10px; 左内边距
(2)padding-right:10px; 右内边距
(3)padding-top:10px; 上内边距
(4)padding-bottom:10px; 下内边距
(5)padding:10px; 四边统一内边距
(6)padding:10px 20px; 上下、左右内边距
(7)padding:10px 20px 30px; 上、左右、下内边距
(8)padding:10px 20px 30px 40px; 上、右、下、左内边距
作用描述:
- 是指该元素边框线以内的距离,设定之后,该元素内部的非漂浮或定位元素都会距离该元素的边框距离该设定的值的长度;
- 当设定该值后,如果设定的值和元素内部已有元素的高度或宽度超出本身的长时,会自动将长度变长以适应内容,所以此时应当在样式中加入box-sizing:border-box;属性,将边框长宽固定为边框所定值;
- 不可以设置负值,不报错,但没有效果;
margin
(内边距)
语法:
(1)margin-left:10px; 左外边距
(2)margin-right:10px; 右外边距
(3)margin-top:10px; 上外边距
(4)margin-bottom:10px; 下外边距
(5)margin:10px; 四边统一外边距
(6)margin:10px 20px; 上下、左右外边距
(7)margin:10px 20px 30px; 上、左右、下外边距
(8)margin:10px 20px 30px 40px; 上、右、下、左外边距
作用描述:
- 是指该元素边框线以外的距离,设定之后,该元素的外边距离所设置方向的元素会相应增加或减少;
- 可以设置负值,会向相反方向移动;
以下图片,橙黄色及中间的center为该元素;
最新文章
- 天猫登录源码 POST C#
- vs调试断点进不去的解决办法
- WinForm------GridControl右键添加动态菜单
- SSH详解
- Python学习笔记08
- ssh 互通脚本
- 使用Ant打包工具 基本介绍
- Python 基本语法1
- 【分享】生成带数据的Insert语句工具(源码)
- java IO选择流的原则及其与IO流相关类的关系
- 【锋利的jQuery】学习笔记02
- CSS3美化表单控件
- wamp You don't have permission to access / on this server等问题的解决.
- CentOS 6.9搭建CDH 5.12.0集成环境
- 2017BUAA软工个人项目之数独生成与求解
- 走进javascript——被忽视的DOM方法和属性
- SpringMVC+Spring+mybatis项目从零开始--Spring mybatis mysql配置实现
- mysql的表和数据类型
- ubuntu内核及系统升级
- hdu 5232 Shaking hands 水题
热门文章
- BZOJ4665: 小w的喜糖 DP
- mysql安装了半天参考了文章搞定了
- [LeetCode] Generate Random Point in a Circle 生成圆中的随机点
- ajax 传递中文字符参数 问题
- java代码生成Excel文件3000条自定义属性的的域账户名
- 十三、事务、连接池 、ThreadLocal 、BaseServlet自定义Servlet父类 、 DBUtils à commons-dbutils
- Error creating bean with name 'dataSource' defined in class path resource 报错解决办法
- CodeForces #549 Div.2 ELynyrd Skynyrd 倍增算法
- 学习ActiveMQ(二):点对点(队列)模式消息演示
- Windows10 ntoskrnl.exe占用大量的磁盘空间(100%)