Question

我是一个有编码的完整新手，我在网站上的某些文字遇到了一些麻烦。我使用的代码如下：

<p><div style="font-family:blog_script"><font size="7">Hi, We're <b>The Distance</b><p></p></font></p>
</a> 
</div><p>

我真的很感激任何帮助：

每条线之间的间距（我希望线条稍微分开）
文本下面还有很多空白区域，在HTML代码和网站上的普通文本之间造成很大的差距，我想摆脱这个。

请访问我们的网站了解demo link。

我非常感谢你能给我的任何提示。

非常感谢你的时间。

Answer 1

<div style="font-family: blog_script; line-height: 1;">
  <font size="7">Hi there, We're 

    <b>The Distance</b>
  </font>
</div>

我为div设置了line-height。试试这个。它对我有用。

Answer 2

您需要为此编辑关联的样式表。要快速解决问题1，您可以尝试在行之间添加新行 -

块引用

“嗨，我们＆lt; br＆gt;距离”

Blockquote

Answer 3

看到您可以使用line-height来减少间距。就像我在你网站上发现的一样。与下面类似，您必须使用不同的class和id定位父元素，并相应地设置其行高。

#siteWrapper {
    font-family: "Kameron",Georgia,serif;
    font-weight: 400;
    letter-spacing: 0px;
    font-family: "Open Sans";
    font-size: 16px;
    line-height: 1.5em; /*Line height reduce this and adjust*/
    letter-spacing: .4px;
    font-weight: 300;
    font-style: normal;
    color: rgba(0,0,0,.5);
}

查看这个简单的示例，它可以帮助您了解line-height和字母 - spacing works jsFiddle

的方式

Answer 4

您需要创建一个自定义css类来管理您需要对某个HTML元素执行的任何调整。

.more-height {
  line-height: 1;
}

将类名添加到＆＃34;的类=＆＃34; ...属性中;我们是距离＆＃34;像这样：

<div style="font-family: blog_script;" class="more-height">

这将使线之间的距离更高一些。

您还可以使用＆＃34; line-height＆＃34;注入上面div元素的样式。这样的财产：

<div style="font-family: blog_script; line-height: 1;">

让我知道这是否有效。

想要删除空白区域（使用HTML）

4 个答案: