Question

我需要为每一行设置空格 标签占用很大的空间。

<font color="white">
ani <br> </br>
hna <br> </br>
Raj <br> </br>
Parya <br> </br>
Sith  <br> </br>
Sududa <br> </br>
</font>

Answer 1

为什么不为每一行使用标记而不是双 ？或者使用<ul>？您可以更好地控制布局。

但是，如果您必须使用 使用line-height，并且每行只使用一个 。

Answer 2

在我看来，您试图关闭每个 标记，这是不可能的，而是您创建了两个换行符。删除其中一个，你会得到正常的换行符： http://jsfiddle.net/LMXNY/

Answer 3

<pre style="color:white">
ani 
hna 
Raj 
Parya 
Sith 
Sududa
</pre>

Answer 4

您可以在CSS中使用line-height属性。

Answer 5

http://jsfiddle.net/QFHPh/

<html>
<head>
<style>
    p {
       line-height: 1.5em;        
    }
</style>
</head>
<body>
    <p>
        this is <br />
        a test<br />
        of good text spacing
    </p>
</body>
</html>

Answer 6

通过golly，如果它看起来像一个列表并且像列表一样，它实际上可能是一个列表！更改列表项的下边距以更改项之间的间距。

<style type="text/css">
  ul {
    color: white;
  }

  li {
    margin-bottom: 6px;
  }
</style>
<ul>
  <li>ani</li> 
  <li>hna</li> 
  <li>Raj</li> 
  <li>Parya</li> 
  <li>Sith</li> 
  <li>Sududa</li>
</ul>

Answer 7

首先，你不使用

<br> </br>

只有：

<br />

然后就您的问题，请使用以下

<p style="line-height: 20px;">ani
</p><p style="line-height: 20px;">hna
</p><p style="line-height: 20px;">Raj 
</p><p style="line-height: 20px;">Parya 
</p><p style="line-height: 20px;">Sith
</p><p style="line-height: 20px;">Sududa
</p>

增加/减少行高（'20'px）中的数字，分别增加/减少行间距。

如何设置线之间的间隙

7 个答案: