IMG图片和文字同一行显示,图片和文字居中显示

惯例,先感谢网上的大牛们的贡献。
这个问题其实以前碰到过一次,但是忘了,今天又碰到了,所以把代码记录下,以备以后查看。

问题其实很好解决,只要设定img标签的vertical-align CSS属性就好了,代码如下:

<img src="images/untitled.png" style="width:30px;height:30px;padding:0px;margin:0px;vertical-align:middle;"/>
<span>居中显示的文字</span>

你可能感兴趣的:(img)