css/html怎样让段落空出一行-前端问答-PHP中文网

css/html怎样让段落空出一行

醉折花枝作酒筹

发布： 2021-04-28 17:51:11

原创

6026人浏览过

让段落空出一行的方法：1、使用p标签空行，只需要将段落文字用p标签包裹起来即可，语法“段落内容”；2、使用br换行符空行，只需要在需要换行的文字后面输入“”即可。

css/html怎样让段落空出一行

本教程操作环境：windows7系统、CSS3&&HTML5版、Dell G3电脑。

一、使用p段落标签空行

p语法

<p>第一段</p>

登录后复制

p是段落标签，文章段落前使用

结束使用

立即学习“前端免费学习笔记（深入）”；

，这样p与p两段文章实现空行。

实例：

<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8" />
    <title>document</title>
  </head>
  <style>
 
  </style>
  <body>
    <p>这是一个段落</p>
    <p>这是另一个段落</p>
                    <div class="aritcle_card">
                        <a class="aritcle_card_img" href="/ai/2195">
                            <img src="https://img.php.cn/upload/ai_manual/000/000/000/175680269751753.png" alt="AI Word">
                        </a>
                        <div class="aritcle_card_info">
                            <a href="/ai/2195">AI Word</a>
                            <p>一款强大的 AI 智能内容创作平台，致力于帮助用户高效生成高质量、原创且符合 SEO 规范的各类文章。</p>
                            <div class="">
                                <img src="/static/images/card_xiazai.png" alt="AI Word">
                                <span>226</span>
                            </div>
                        </div>
                        <a href="/ai/2195" class="aritcle_card_btn">
                            <span>查看详情</span>
                            <img src="/static/images/cardxiayige-3.png" alt="AI Word">
                        </a>
                    </div>
                
  </body>
</html>

登录后复制

效果：

`[$]G`@G5MR%O6BUS`(~ZXL.png

二、使用br换行标签空行

大家子的
是独立标签，使用两个br换行标签，即可实现换行空一行效果。

实例：

<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8" />
    <title>document</title>
  </head>
  <style></style>
  <body>
    这是一个段落<br><br>
    这是另一个段落
  </body>
</html>

登录后复制

效果：

)EH[G3KYZ4{][9~4`O{3QKB.png