CSS display:inline-block大小不精准问题解决

最新推荐文章于 2022-05-17 16:06:36 发布

楊帥

最新推荐文章于 2022-05-17 16:06:36 发布

阅读量1k

点赞数

分类专栏： ----------Web前端---------- 文章标签： css html html5 前端

本文链接：https://blog.csdn.net/yangshuaionline/article/details/103525166

版权

在搭建个人博客时，遇到使用公安局备案网站代码导致的内容大小无法自由控制的问题。问题源于line-height属性影响了行框布局，它定义了基线间的最小距离而非最大距离。通过调整line-height和font-size，解决了元素尺寸不精准的问题，实现了理想的显示效果。

摘要由CSDN通过智能技术生成

搭建个人博客的时候，使用公安局备案网站复制下来的代码，发现内容大小无法自由控制的问题。

我的个人博客网站

出问题代码：

<el-footer height="120px">
        <div style="width:300px;margin:0 auto; padding:20px 0; background-color:red">
          <p
            style="height:20px;line-height:20px;margin: 0px 0px 0px 0px; color:#939393;"
          >京ICP备19055038号</p>
        </div>
        <div
          style="width