span标签的使用技巧

1 单行文字居中

水平居中：text-align=center;

设置行高line-height:18px; 同span高度一样，那么文字就可以垂直居中了（仅限一行文本）。

2 文字自动换行

例如两行 line-height设为span高度的一半，同时设置一个width（需先将span设置为display:block）,即可实现自动换行。

3 多行文字垂直居中（多行水平居中无意义）

用一个span标签将所有的文字封装起来，设置文字与图片相同的display属性（inline-block属性），然后用处理图片垂直居中的方式

处理文字的垂直居中即可。

{display:inline-block;vertical-align:middle;font-size:0.1em; }