+ -
当前位置:首页 → 问答吧 → 文字排版问题

文字排版问题

时间:2011-05-16

来源:互联网

为什么padding=10在<span>里面代码不生效?在<p>里面却可以?

作者: youmenger99   发布时间: 2011-05-16

因为p是块级block元素,span是内联inline元素,
padding对内联元素只有左右生效,上下不生效。

你把span定义为块级元素就可以使用padding了,代码如下:
span{display:block;padding:100px;}
如果需要內联属性又需要定义padding,可以使用inline-block,还要注意ie6-7的兼容问题.
完整代码如下:
span{display:inline-block;*display:inline;zoom:1;padding:100px;}

作者: sivan   发布时间: 2011-05-16

问题解决了

作者: youmenger99   发布时间: 2011-05-16