SPAN的高度问题
FIRST OF ALL,最容易令人忽略而导致头疼的因素。web页面文档类型:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
众所周知,SPAN元素内单纯设置height是没有效果的。
需要设置SPAN的高度,需要将其设置成block元素。
display:block
但这样会导致span占据了整一行,我们通常不希望这样。
所以可以采用display:inline-block 。
注意:display:inline是没有效果的,一定要设成block元素。