-webkit-margin-start 属性
浏览:6991次 出处信息
假如元素一开始的外边距的宽度。大白话:其实就是设置 margin-left 的宽度>
语法
-webkit-margin-start: width;
参数
width
设置最开始外边距的宽度,目前来说也就是margin-left 的宽度。[ 本系列中文手册讨论都是从左向右的书写,假如书写方向是从右到左,那么另当别论 ]
允许类型
长度单位,相对值:em、ex、ch、rem;视窗百分比单位:vh、vw、vmin、vmax;绝对单位:px、mm、cm、in、pt、pc[1/6 1in],具体代表什么多少值,还希望各位自行去脑补 http://drafts.csswg.org/css-values-3/#lengths
数值
auto
探讨
当书写方向为从左到右,那么该属性代表就是 margin-left 的值,假如书写方向是从右到左,那么该值表示 右边距 margin-right 的值。
支持度
Safari 3.0+ [ 2.0.版本该属性被叫做 -khtml-margin-start ]
iOS 1.0+
栗子
HTML <divclass="box margin-auto">margin:20px; start:auto</div><divclass="box margin-start">margin:20px; start:10px</div>
.box{width:100px;height:100px;float: left;margin:20px;background-color:#ff7671;}.margin-auto{-webkit-margin-start:auto; /*只要是长度单位即可,具体请看上方的单位值。*/}.margin-start{-webkit-margin-start:10px; }
如有不知,请CTRL+C 在编辑器里面自行修改或添加,盒子外边距效果图如下:
参考资料:
-webkit-margin-start
QQ技术交流群:445447336,欢迎加入!
扫一扫订阅我的微信号:IT技术博客大学习
扫一扫订阅我的微信号:IT技术博客大学习
<< 前一篇:你不该忽视的小问题之margin叠加篇
后一篇:z-index和zoom这哥俩 >>
文章信息
- 作者:suchanghai 来源: 小黑路人
- 标签: -webkit-margin-s
- 发布时间:2016-02-16 22:21:04
近3天十大热文
-
[927] WordPress插件开发 -- 在插件使用 -
[126] 解决 nginx 反向代理网页首尾出现神秘字 -
[51] 如何保证一个程序在单台服务器上只有唯一实例( -
[50] 整理了一份招PHP高级工程师的面试题 -
[48] CloudSMS:免费匿名的云短信 -
[48] Innodb分表太多或者表分区太多,会导致内 -
[48] 用 Jquery 模拟 select -
[48] 全站换域名时利用nginx和javascri -
[48] 海量小文件存储 -
[46] ps 命令常见用法