我有以下内容：
<p style="height: 25px; line-height: 25px;">
<img width="16" height="16" src="/Content/images/icons/fugue/book-open.png" style="margin-top: 3px;">Test - 5</p>
我尝试过使用line-height的东西，但它似乎不起作用。文本总是只是几个字。
如何使图像的中心与文本的中心对齐？
所以我想要的是xs代表图像的地方：
xxx
xxx text
xxx
答案 0 :(得分：2)
你没有说过你是想要水平或垂直排列元素，所以我将解释两者：
用于垂直对齐：
由于默认情况下图像是内联块，因此可以使用text-align轻松定位它们。只需在它们之间添加一个类似中断（<br/>），或者为图片添加display: block。样式，并在段落上使用text-align: center。
进行水平对齐：
最简单的解决方案是使用position: relative和top:2px向下移动图标。
答案 1 :(得分：0)
您是否尝试在图片元素上设置vertical-align？
答案 2 :(得分：0)
如果您在vertical-align: middle;上设置img应该这样做的话！
注意：我已从示例中删除了width和height属性，但请参阅此处：http://jsfiddle.net/SZYtB/