1

我需要为每个行<br>标签设置空间，占用空间很大。

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

7 回答 7

2

为什么不<p>为每一行使用标签而不是 double <br>s？或者使用<ul>? 您将对布局有更多的控制权。

但是如果你必须使用<br>useline-height并且每行只有一个<br>。

于 2012-05-17T16:49:18.620 回答
2

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

于 2012-05-17T16:51:19.080 回答
1 
<pre style="color:white">
ani 
hna 
Raj 
Parya 
Sith 
Sududa
</pre>
于 2012-05-17T16:47:54.390 回答
1

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

于 2012-05-17T16:49:27.520 回答
1

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>
于 2012-05-17T16:50:50.520 回答
1

天哪，如果它看起来像一个列表并且行为像一个列表，它实际上可能是一个列表！更改列表项的下边距以更改项目之间的间距。

<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>
于 2012-05-17T16:53:00.480 回答
0

首先，你不使用

<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）的数字，分别增加/减少行间距。

于 2012-05-17T17:48:08.210 回答