自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(2)
  • 收藏
  • 关注

原创 border-box 和 flex 布局混用出现溢出的情况

在使用 flex 布局对子盒子进行平分的时候,奇数值的父盒子宽度,就会出现子盒子的宽度值有 .5 的情况,此时 box-sizing: border-box 会让子盒子的宽度为整数,则会向上取整,导致子盒子的总宽度大小溢出。原因:box-sizing: border-box,它的宽度必须是一个整数。

2023-04-20 21:57:55 250 1

原创 解决使用img标签添加图片后,图片下方有缝隙

也就是行内块元素,凡是带有inline属性的都具有文字类特性,为了正确显示带有尾巴(比如 j、q、y 等)英文字母,就在下方留了一些空白的地方。该方法不够灵活,一旦 img 尺寸改变,我们要重新设置 div 的高度。将 img 的高度设置成跟父级 div 一样的高度;通过修改 img 自身的属性。以外的值(取消基线对齐);通过修改父级元素属性。

2023-03-13 20:05:31 387

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除