自定义博客皮肤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)
  • 收藏
  • 关注

原创 flex布局 常见问题,解决技巧

两端对齐,因元素个数不固定,导致中间空隙过大效果图解决方法模拟一行最多元素的个数减1,然后把模拟的一行元素高度设置为零,进行补空利用最后一个元素的margin-right属性,进行补空欢迎留言问题,会的到反馈信息滴~关联文章flex布局 思维导图、总结、各属性案例...

2020-12-05 16:39:32 522

原创 flex思维导图、总结、各属性案例

思维导图容器的属性 / 斜线:在flex-direction: column;属性下flex-direction:元素的排列方向(模型A、模型B)row(默认) :模型A,主轴为水平方向,起点在o,横向排列(o到x),元素为A、B、Crow-reverse:模型A,主轴为水平方向,起点在x,横向排列(x到o),元素为C、B、Acolumn:模型B,主轴为垂直方向,起点在o,纵向排列(o到y),元素为A、B、Ccolumn-reverse:模型B,主轴为垂直方向,起点在y,纵向排列(y到o

2020-12-04 09:54:51 362

空空如也

空空如也

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

TA关注的人

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