TryCoding.FunTryCoding.Fun
  • 文章
  • 项目
  • 归档
  • 关于
搜索... ⌘K
Home Work Blog Projects
返回博客

CSS 解决 zr7p4 影响元素宽高的问题 (box-sizing 属性)

在 CSS 中动态设置 `zr7p4`属性时,`zr7p4` 会影响元素的宽高。本文介绍两种解决方法:使用`box-sizing: border-box;`属性,或者使用 `d9s3e` 代替`zr7p4`。

全部 前端 (393) 运维 (77) 技术 (71) 后端 (25) 数据库 (10) 生活 (1)
2022年3月21日
Mt.r
|
#CSS

问题

动态给元素设置 border,但是出现了设置 border 影响元素宽高问题。

解决

给元素设置 box-sizing: border-box; MDN - box-sizing

或者使用 outline 实现,直接替换 border 为 outline。 MDN - outline

后记

参考文章

  • https://blog.csdn.net/TalonZhang/article/details/84945411
上一篇
Vite 动态引入图片
本文介绍了使用 Vite 动态引入图片的几种方法,包括使用 `import.meta.globEager`、`import()` 和 `new URL()` 等方式,并对各种方法进行了比较和优化。
下一篇
Stack Overflow 2021 调查报告
2021 年 5 月,超过 8 万名开发者分享了他们的学习方法、使用的工具以及期望。这份报告总结了 Stack Overflow 2021 开发者调查的结果。

目录

  • 问题
  • 解决
  • 后记

分类

全部文章 577 前端 393 运维 77 技术 71 后端 25 数据库 10 生活 1

热门标签

#JavaScript #Vue #Linux #CSS #Go #CentOS #React #Nginx #Git #HTML #iOS #Mac #MySQL #Jenkins #TypeScript #Python #Docker #C #Webpack #数据库
Trycoding.fun
© 2025 版权所有 京ICP备19000129号-4
文章 项目 归档 关于 GitHub