CSS:span元素margin-top无效的根源
来源:互联网 发布:swipe.js中文文档 编辑:程序博客网 时间:2024/06/05 02:41
之前在弄页面的过程就发现了个很奇怪的现象,就是行级标签总是padding-top和margin-top等都不能作用,一直以为是自己写的代码哪有问题,刚好今天闲着就去百度了下,才发现原来是行级标签的特性使其如此,面对这种情况,要想其生效,可以设置为display:inline-block;
以下是我从新浪博客那边看到的内容,贴下来以便以后观看
http://blog.sina.com.cn/s/blog_51048da70101801q.html
对行内元素(不包括可替换元素如img等):
设置宽度width 无效。
设置高度height无效,可以通过line-height来设置。
设置margin只有左右margin有效,上下无效。(这就是span的margin-top无效的原因)
设置padding只有左右padding有效,上下则无效。
块级元素的width/height/margin/padding都是有效的
0 0
- CSS:span元素margin-top无效的根源
- CSS:span元素margin-top无效的根源
- 在CSS中span标签设置padding-top/bottom以及margin-top/bottom无效的解决方法
- margin-top无效的解决方法
- 关于margin-top/bottom在non-Replaced inline元素上(如span)不起作用的解释
- css margin-top设置html元素之间的距离
- margin-top无效解决方法
- 父元素与子元素之间的margin-top问题(css hack)
- 父元素与子元素之间的margin-top问题(css hack)
- 父元素与子元素之间的margin-top问题(css hack)
- 父元素与子元素之间的margin-top问题(css hack)
- CSS:子元素margin-top影响父元素
- CSS top、margin-top和padding-top的区别
- 相邻元素的 margin-top重叠问题
- css盒模型(由问题第一个子元素设置margin-top不起作用引发的新发现)
- CSS中margin-top对父级元素产生作用的问题
- CSS中margin-top对父级元素产生作用的问题
- 子元素的margin-top值会使父元素也出现margin-top值问题
- sql查询7天内的数据
- sql server 计算两个经纬度点之间的距离
- MJRefresh 部分应用
- 百度地图鹰眼
- python 2.x中对象比较大小
- CSS:span元素margin-top无效的根源
- MagicalRecord关闭打印日志
- eclipse package,source folder,folder区别及相互转换
- 改变 input file 样式的两种方法
- sqlmap自动的寻找注入点,
- 【Android】自定义标题栏 (解决了标题栏两侧空隙问题)
- python re库的使用
- 使用javamail发送邮件
- Ubuntu14.04 导入第三方源安装 LNMP 堆栈