27

在以下示例中:

Line1 <br /> Line2

<br />用来强制 Line2 转到下一行,但据我所知,没有跨浏览器友好的方式来设置 br 的高度。我可以使用什么替代方法?

4

7 回答 7

26

使用不同的块:

<p>Line1</p>
<p>Line2</p>
于 2012-06-12T12:03:24.860 回答
10

通常,使用<br />是破线的旧方法。您应该使用<p>, <div>或一些块级元素并给它们顶部或底部边距。

p {
   margin-top:5px;
   margin-bottom:5px
}
于 2012-06-12T12:04:48.663 回答
5

使用 CSS,您可以控制line-height任何元素的属性。

someElement {
    line-height:12px;
}

现在您可以简单地为一个元素设置它,或者在整个 HTML 中使用它来提供整个文档的一致性。这是安全的,跨浏览器兼容且易于使用。

于 2012-06-12T12:01:58.793 回答
2

您可以使用 cssline-height属性和<br/>标签来控制行间距。

<style>
.small
{
    line-height:100px;
}
</style>

<p class="small">
This is a paragraph with a smaller line-height.<br />
This is a paragraph with a smaller line-height.<br />
This is a paragraph with a smaller line-height.<br />
This is a paragraph with a smaller line-height.<br />
</p>
于 2012-06-12T12:06:19.770 回答
2
  1. 我添加了一个<div>对我来说最好的方法,带有 CSS 边距。或者,
  2. <p>标签。
于 2014-12-18T21:24:22.227 回答
1

使用padding&/ 或margincss 属性。

于 2012-06-12T12:02:45.110 回答
0

你可以添加一个<div>这样的

<div style="height: [put your height here]; display: block;"></div>

似乎对我有用,如下所示:

<span>This is the previous line!</span>
<div style="height: 50px; display: block;"></div>
<span>This will be 50 pixels below the previous line.</span>

你甚至可以使用跨度!

<span>This is the previous line!</span>
<span style="height: 50px; display: block;"></span>
<span>This will be 50 pixels below the previous line.</span>

于 2021-08-22T21:32:30.833 回答