Question

我在这里尝试减少行间距时遇到了麻烦。更改行高不会做任何事情。

<p><span style="color: rgb(137, 137, 137); font-family: 'Lucida Grande', 'Lucida Sans Unicode', Arial, Verdana, sans-serif; line-height: 18px;"> ★</span> iPhone Investor</p>
<p><span style="color: rgb(137, 137, 137); font-family: 'Lucida Grande', 'Lucida Sans Unicode', Arial, Verdana, sans-serif; line-height: 18px;"> ★</span> iPad Investor</p>
<p><span style="color: rgb(137, 137, 137); font-family: 'Lucida Grande', 'Lucida Sans Unicode', Arial, Verdana, sans-serif; line-height: 18px;"> ★</span> Brokers' client</p></div>

感谢您的帮助

Answer 1

您可以通过将line-height样式应用于p元素而不是span元素来减少行间距。

这是一个完整的工作示例：

＆＃13;

.spacing {
  line-height: 18px;
}

.star {
  color: rgb(137, 137, 137);
  font-family: 'Lucida Grande', 'Lucida Sans Unicode', Arial, Verdana, sans-serif;
}

＆＃13;

<p class="spacing">
  <span class="star"> ★</span> iPhone Investor
</p>
<p class="spacing">
  <span class="star"> ★</span> iPad Investor
</p>
<p class="spacing">
  <span class="star"> ★</span> Brokers' client
</p>

＆＃13;

Answer 2

我不是肯定的，但我认为您指的是默认情况下添加到'p'标签的保证金。

所有p标签底部都有一个边距，类似15px;您可以使用以下内容覆盖它......

文件中的CSS ...

p { margin-bottom: 5px; }

或内联

<p style="margin-bottom: 5px"></p>

HTML4行间距

2 个答案: