【前端学习】CSS元素显示模式

linpangmu

于 2023-01-12 17:17:56 发布

阅读量77

点赞数

CC 4.0 BY-SA版权

文章标签： css 学习 html

本文链接：https://blog.youkuaiyun.com/linpangmu/article/details/128657151

文章探讨了HTML元素的显示模式，包括块元素、行内元素以及行内块元素。重点讨论了如何通过转换元素显示模式实现内容的布局调整，特别是针对居中对齐的策略，提到了需使行高与盒子高度一致以消除上下空隙，达到文字居中的效果。

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

元素显示模式

在这里插入图片描述

    <p>
        <div>这里有问题</div>
    </p>
    <!-- 实际上显示的是 -->
    
    <p></p>
    <div>这里有问题</div>
    <p></p>

在这里插入图片描述

在这里插入图片描述

在这里插入图片描述

在这里插入图片描述

默认是置顶，所以为了居中就得让行高和盒子高度一致

行高由上空隙、文字本身高度、下空隙组成。

行高的上下空隙把文字挤到中间了
在这里插入图片描述