为什么chrome不对齐此文本?

时间:2011-08-02 02:45:26

标签: html css firefox google-chrome valign

我有以下代码

 <img src="/Content/Images/Icons/phone2.png"> <b>Phone Numbers:</b> (No orders via Phone at this time)<br />

它在firefox中看起来很好:

enter image description here

但是当我用chrome打开它时,它会显示如下:

enter image description here

有谁知道为什么chrome会提出本文的第二部分?

2 个答案:

答案 0 :(得分:2)

在图片代码中使用valign属性,或 应用于图像的CSS vertical-align属性。

答案 1 :(得分:0)

看起来不同浏览器默认样式的结果适用于源中的各种元素。尝试为vertical-align<b>设置<img>属性并再次测试,例如:

b,img{
    vertical-align:baseline;
}