码迷,mamicode.com
首页 > 其他好文 > 详细

padding\margin

时间:2020-02-23 09:18:12      阅读:48      评论:0      收藏:0      [点我收藏+]

标签:dex   com   技术   str   fish   shu   apt   size   -o   

padding属性设置一个元素的内边距,padding 区域指一个元素的内容和其边界之间的空间,该属性不能为负值。四个外边距属性设置分别是: padding-top, padding-right, padding-bottom 和 padding-left

1、指定一个值时 该值指定内容到四个边的内边距

padding: 50px;
 
技术图片
marginPadding1.png

2、指定两个值时 第一个值指定内容到上下两边的内边距 第二个指定内容到左右两边的内边距

padding: 50px 20px;
 
技术图片
padding2.png

3、指定三个值时第一个指定内容到上边的内边距.第二个指定内容到左右两边 第三个指定内容到下边的距离

padding: 50px 20px 10px;
 
技术图片
padding3.png

4、指定四个值时分别为上 右 下 左(顺时针顺序)

padding: 50px 20px 10px 5px;
 
技术图片
padding4.png

以上的样式设定了这个控件的宽度为200px、高度为200px,在改变margin和padding时内容区的大小是不变的



作者:FisherJiam
链接:https://www.jianshu.com/p/73deb2ae7992
来源:简书
著作权归作者所有。商业转载请联系作者获得授权,非商业转载请注明出处。

padding\margin

标签:dex   com   技术   str   fish   shu   apt   size   -o   

原文地址:https://www.cnblogs.com/wfy680/p/12348489.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!