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
原创粉丝点击