当前位置:首页 > 开发 > Web前端 > 前端 > 正文

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

发表于: 2013-05-30   作者:单眼皮小猪   来源:转载   浏览:
img
摘要: 惯例,先感谢网上的大牛们的贡献。 这个问题其实以前碰到过一次,但是忘了,今天又碰到了,所以把代码记录下,以备以后查看。 问题其实很好解决,只要设定img标签的vertical-align CSS属性就好了,代码如下: <img src="images/untitled.png" style="width:30px;height:30px;paddi
惯例,先感谢网上的大牛们的贡献。
这个问题其实以前碰到过一次,但是忘了,今天又碰到了,所以把代码记录下,以备以后查看。

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

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

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

  • 0

    开心

    开心

  • 0

    板砖

    板砖

  • 0

    感动

    感动

  • 0

    有用

    有用

  • 0

    疑问

    疑问

  • 0

    难过

    难过

  • 0

    无聊

    无聊

  • 0

    震惊

    震惊

版权所有 IT知识库 CopyRight © 2009-2015 IT知识库 IT610.com , All Rights Reserved. 京ICP备09083238号