在以下示例中:
Line1 <br /> Line2
我<br />
用来强制 Line2 转到下一行,但据我所知,没有跨浏览器友好的方式来设置 br 的高度。我可以使用什么替代方法?
使用不同的块:
<p>Line1</p>
<p>Line2</p>
通常,使用<br />
是破线的旧方法。您应该使用<p>, <div>
或一些块级元素并给它们顶部或底部边距。
p {
margin-top:5px;
margin-bottom:5px
}
使用 CSS,您可以控制line-height
任何元素的属性。
someElement {
line-height:12px;
}
现在您可以简单地为一个元素设置它,或者在整个 HTML 中使用它来提供整个文档的一致性。这是安全的,跨浏览器兼容且易于使用。
您可以使用 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>
<div>
对我来说最好的方法,带有 CSS 边距。或者,<p>
标签。使用padding
&/ 或margin
css 属性。
你可以添加一个<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>