CSS:span元素margin-top无效的根源

之前在弄页面的过程就发现了个很奇怪的现象，就是行级标签总是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都是有效的