Question

我试图将段落中的行高保持在1.0。这是我正在使用的CSS类：

.bottombarinfo{
font-family: Verdana, Geneva, sans-serif;
font-size: 12px;
line-height: 1.0;}

这是我在HTML代码中使用CSS类的地方，它是段落/跨度：

    <p><img src="images/1.jpg" alt="HTC ONE" width="238" height="168" class="floatleft">
<span class="bottombarinfo">From its beautifully designed aluminum chasse to its fluid Android OS, the HTC one is spectacular, but is it the phone to go agains the Galaxy S4 and
Apple's iPhone 5?</span></p>

我尝试将图片放在段落之外并删除/更改范围，但所有三个主要浏览器，Firefox，Chrome和IE都将文本空间接近2.0。那么我该怎么办才能让浏览器显示1.0的行高呢？在此先感谢！

Answer 1

您是否尝试使用重置样式表来阻止浏览器默认样式？它们可以在网上找到并免费下载。请务必将其作为您的第一个样式表。

Answer 2

<p><img src="images/1.jpg" alt="HTC ONE" width="238" height="168" class="floatleft" />
<span class="bottombarinfo">From its beautifully designed aluminum chasse to its fluid Android OS, the HTC one is spectacular, but is it the phone to go agains the Galaxy S4 and

Apple的iPhone 5？

.bottombarinfo {
  font-family: Verdana, Geneva, sans-serif;
  font-size: 12px;
  line-height: 300%;
}

JsFiddle

在这里玩它并把它拿到你想要的地方

浏览器会自动更改Line-Height吗？

2 个答案: