SPAN的高度问题

时间:2021-12-14 19:38:46

FIRST OF ALL,最容易令人忽略而导致头疼的因素。web页面文档类型:

1
<!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元素。