html - 将文本与图像对齐

标签 html css

<分区>

Possible Duplicate:
How do I vertically align text next to an image with CSS?

我在对齐文本和图像时遇到问题。

文字和图片是这样的

texts  ---------
      | image   |
       _________ 

我希望文本位于 div 的中间而不是顶部对齐。

我有:

<div id='test'> tests <img src='/images/logo.png'/> </div>

我已经使用了下面的 css 但还是不行

#test{
    margin-left: 10px;
    vertical-align: middle;
}

如何将我的文本与图像居中对齐。非常感谢!

最佳答案

vertical-align:middle 应该在图像上,而不是容器上。

关于html - 将文本与图像对齐,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/12925179/

相关文章:

javascript - 是否可以根据标签使我的 tumblr 主题显示默认照片集或自定义 slider

css - 在 Bootstrap 3 中创建基础样式的 block 网格?

css - 动态查找SVG的路径

javascript - 从 webWorker 访问 localStorage

php - 在表单提交之前执行一些 sql 查询以将值插入数据库

javascript - 在 jquery ajax 中使用 e.preventDefault() 时图像未发布

html - css float 和自动宽度问题

javascript - jquery 多重选择器与 contains()

javascript - 无需循环即可动态更改类样式

javascript - 扁平 UI - 导航未正确折叠。怎么修?