如何在一段中设置行与行之间的边距?
How I can set margin between lines in one paragraph?
我需要在一个段落中设置行与行之间的边距。我该怎么做?我需要做这样的事情:
HTML:
<p>Any creative project is unique
and should be provided with
the appropriate quality</p>
我尝试将每一行都放入 <span>
并设置为 margin-bottom
,但它不起作用。
你可以在每行之间使用 <br>
或者只是在每行之间放置一个带有 height
的跨度,像这样:
<p>Any creative project is unique</p>
<span style="height: 10px;"></span><p>panand should be provided with</p>
如果您想将 <span>
与 margin
一起使用,您还需要将 display: inline-block;
或 display: block;
设置为 <span>
p {
width: 200px;
}
p > span {
display: inline-block;
margin-bottom: 5px;
background-color: orange;
}
<p>
<span>Any creative project is unique</span>
<span>and should be provided with</span>
<span>the appropriate quality</span>
</p>
尝试在您的 .css 文件中使用 line-height 属性 引用包含文本的 te 元素。
只需将整个文本包裹在 <span>
标签中,并使用 line-height
作为边距,使用 padding
作为文本和背景之间的间距
堆栈片段
p {
font: bold 30px Verdana;
}
span {
background: red;
line-height: 45px;
color: #fff;
padding: 3px;
}
<p><span>Any creative project is unique and should be provided with the appropriate quality</span></p>
我需要在一个段落中设置行与行之间的边距。我该怎么做?我需要做这样的事情:
HTML:
<p>Any creative project is unique
and should be provided with
the appropriate quality</p>
我尝试将每一行都放入 <span>
并设置为 margin-bottom
,但它不起作用。
你可以在每行之间使用 <br>
或者只是在每行之间放置一个带有 height
的跨度,像这样:
<p>Any creative project is unique</p>
<span style="height: 10px;"></span><p>panand should be provided with</p>
如果您想将 <span>
与 margin
一起使用,您还需要将 display: inline-block;
或 display: block;
设置为 <span>
p {
width: 200px;
}
p > span {
display: inline-block;
margin-bottom: 5px;
background-color: orange;
}
<p>
<span>Any creative project is unique</span>
<span>and should be provided with</span>
<span>the appropriate quality</span>
</p>
尝试在您的 .css 文件中使用 line-height 属性 引用包含文本的 te 元素。
只需将整个文本包裹在 <span>
标签中,并使用 line-height
作为边距,使用 padding
作为文本和背景之间的间距
堆栈片段
p {
font: bold 30px Verdana;
}
span {
background: red;
line-height: 45px;
color: #fff;
padding: 3px;
}
<p><span>Any creative project is unique and should be provided with the appropriate quality</span></p>