那么 直接 使用 line-height与设置的height 值相同即可以实现垂直居中,例如:
html中:
然后在css中:
即可实现span中,“这里是文字” 部分文字内容的垂直居中。
比使用padding-top 的兼容性和效果多要好很多。
作为html标签,主要被用来组合文档中的行内元素。span 没有固定的格式表现,当对它应用样式时,它才会产生视觉上的变化。楼主,您说的情形:比如在h1之类的自己定义标签中间,那是为了将部分内容进行定义,而用<span></span>来定义需要的区域。
举个实例:
<html>
<head>
<style type="text/css">
#span{
font-size:36px
color:#F00
}
</style>
</head>
<body>
<h1>苍茫的<span>天涯</span>是我的<span>爱</span>!</h1>
</body>
</html>
这里的span就是定义“天涯”“爱”字体为36像素,颜色为红色。而h1剩下的字只有h1的效果。
希望帮得上您~~