HTML:更改<p> </p>的高度

时间:2009-07-23 19:41:51

标签: html css

如何指定插入<p>创建的空白行的高度?

4 个答案:

答案 0 :(得分:15)

在样式表或样式表部分中,定义:(示例)

p {  margin-top: 0.6em; margin-bottom: 0em; }

您也可以在单个标记<p style="margin-top:.....">

中指定它

答案 1 :(得分:7)

使用CSS标记某些内容的行高。 E.g:

p{
    line-height: 1.4;
}

那是文本行。为了留出余量(

和其他所有内容之间的空间)就像这样定义它。

  p{
        margin-top: 10px;
        margin-bottom: 10px;
        margin-left: 10px;
        margin-right: 10px;
   }

这将调整每个方向的空白(相应地)。

答案 2 :(得分:1)

我想要注意的是,更改单行的边距并没有帮助,因此可能无法像预期的那样快速地在浏览器中看到效果。例如:

<p style="margin-bottom:50px">line 50</p>
<p style="margin-top:100px">line 100</p>

导致这些线之间的边距为100像素。 50px的保证金与较大的保证金重叠,较大的值是实际的保证金。减小第一行的下边距不会改变任何内容,也不会将其增加到值<= 100px。所以这与之前的行间距和文本编辑器中的之后的行间距的工作方式不同。

使用Firebug在Firefox中测试,其中黄色区域表示边距。

答案 3 :(得分:0)

更改顶部和底部边距高度。