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; }