HTML：段落标签

最新推荐文章于 2025-02-25 17:15:26 发布

_卷心菜_

最新推荐文章于 2025-02-25 17:15:26 发布

阅读量1.1k

点赞数

分类专栏： java Web搭建文章标签： html 前端

本文链接：https://blog.youkuaiyun.com/Thumb_/article/details/121787246

版权

java Web搭建专栏收录该内容

41 篇文章

订阅专栏

本文探讨了HTML中的段落标签<p>及其样式设置。通过CSS将段落的margin和padding设为0，展示了空标签即使不包含内容也会占用空间的事实。示例中展示了两个段落，第一个段落填充了大量内容，第二个为空，但依然占据位置。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

在这里插入图片描述

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>段落标签</title>
</head>
<body>
    <p>段落内容1段落内容1段落内容1段落内容1段落内容1段落内容1段落内容1段落内容1段落内容1段落内容1段落内容1段落内容1段落内容1段落内容1段落内容1段落内容1段落内容1段落内容1段落内容1段落内容1段落内容1段落内容1段落内容1段落内容1段落内容1段落内容1段落内容1段落内容1段落内容1段落内容1段落内容1段落内容1段落内容1段落内容1段落内容1段落内容1段落内容1段落内容1段落内容1段落内容1段落内容1段落内容1段落内容1段落内容1段落内容1段落内容1段落内容1段落内容1段落内容1段落内容1段落内容1段落内容1段落内容1段落内容1段落内容1段落内容1段落内容1段落内容1段落内容1</p>
    <p>段落内容2</p>
</body>
</html>

输出：
在这里插入图片描述
上方表格中所说的空标签也占地方，意思是：

若进行以下设置：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>段落标签</title>
    <!-- style在head和body中都可以 -->
    <style>
        p {
            margin: 0;
            padding: 0;
        }
    </style>
</head>
<body>
    <p>段落内容1段落内容1段落内容1段落内容1段落内容1段落内容1段落内容1段落内容1段落内容1段落内容1段落内容1段落内容1段落内容1段落内容1段落内容1段落内容1段落内容1段落内容1段落内容1段落内容1段落内容1段落内容1段落内容1段落内容1段落内容1段落内容1段落内容1段落内容1段落内容1段落内容1段落内容1段落内容1段落内容1段落内容1段落内容1段落内容1段落内容1段落内容1段落内容1段落内容1段落内容1段落内容1段落内容1段落内容1段落内容1段落内容1段落内容1段落内容1段落内容1段落内容1段落内容1段落内容1段落内容1段落内容1段落内容1段落内容1段落内容1段落内容1段落内容1</p>
    <p></p>
    <p>段落内容2</p>
</body>
</html>

输出：
在这里插入图片描述