spacing - HTML 行距太大？

Question

我尝试将 line-height 更改为 0，这使得间距变得相当小，但每行之间仍有大约 1 cm....
当我在 htmledit(DOT)squarefree(DOT)com/ 中编写 HTML 时看起来很小 http://i.stack.imgur.com/NsBG5.png
但是当我把它放在我的博客上并保存时，间距大大扩大了......
http://i.stack.imgur.com/utZ6m .png

我输入的代码是
Text text text text text text © text

score 3 · Accepted Answer

你的代码很乱。大多数标签都没有关闭。

<tag> gets closed with </tag>
<p>some text for a paragraph</p>
<span style="some style">some text to be displayed in that style</span>

（除了自闭合标签，如<input>和<img>。

如果将元素放在其他元素中（称为“嵌套”），则必须正确关闭它们（如上所示），但与打开它们的顺序相反。

<p>this is a paragraph
    <span>this is a span inside the paragraph. it gets closed before the paragraph</span>
   the span is now closed, and the paragraph can be closed
</p>

但是在您的情况下不需要嵌套。请参阅此示例，它可以满足您的需求。这是其中的 HTML：

<div style="background-color:black; border: double 10px #FF0000; text-align: center; font-size: 25px; font-family: arial; color: #FF0000; text-shadow: 5px 5px 4px #8A0808;">
    <!-- Text inside these special braces is called a comment. It isn't displayed on the page -->
    <!-- Beginning of <p> element -->
    <!-- Change the value of "line-height" here to space lines differently -->
    <p style="line-height:25px">
        text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text
    </p>
    <!-- End of <p> element -->

    <!-- The following "text" is in a separate <p> element, so it will be displayed by itself -->

    <p>
        text
    </p>
</div>

spacing - HTML 行距太大？

1 回答 1

Related

Reference