CSS常见问题一(span文字如何居中)

html-css021

CSS常见问题一(span文字如何居中),第1张

如果span 设置了 height

那么 直接 使用 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的效果。

希望帮得上您~~