如何在css中设置使文本段与段之间自动空行?

html-css019

如何在css中设置使文本段与段之间自动空行?,第1张

其实你把文本的每一段前面加"<p>"来代替"<br>",就会有你想要的效果;

非要用css的话,你要用一个标记符把每个段落都括起来,然后用css定义该标记符的"margin"属性。

1,设置margin-top:0pxmargin-bottom:0px可以把顶部和底部设置为不空行。你这里头部并没有空一行,而是你没有加背景色,并且加了文字。

2

<div id="PageBody">,则用#PageBody

id用(#)PageBody

class用点号(.)PageBody

如果是<div class="PageBody">,那就用.PageBody

html空行有两种方法可以见到实现,无需使用CSS样式即可实现段落空行,上下文段间隔空间。

一、使用p段落标签空行

p语法

<p>第一段</p> 

p是段落标签,文章段落前使用<p>结束使用</p>,这样p与p两段文章实现空行。

实例与截图

html段落空行实例截图

二、使用br换行标签空行

<br />是独立标签,使用两个br换行标签,即可实现换行空一行效果。

br换行标签实现空行间隔截图br实现html空一行间隔效果截图