html - <p> 标签之间的行高不同

Question

我正在尝试制作一个简单的主页，但

标签之间的行高略有不同。这是 HTML `

Justin 是

的首席工程师

        <p>and also this &nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp and Justin also  </p> 
            <a href="http://brabble.com"><img id="brabble" src="img/brabble.png"></a>

        <p>to make products work </p>`

这是一张照片

Answer 1

您的图片妨碍了文本格式设置，因为它与文本的大小不同。您有多种选择，最有效的方法是将图像放在其自己的范围内，并为该范围指定 1em 的显式高度，并带有溢出:可见:

<P>lalalala <span class='imagewrapper'><img ....></span> more text</p>

风格:

.imagewrapper {
  display: inline-block;
  height: 1em;
  overflow: visible;
}

参见 http://jsfiddle.net/UG5us/