自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

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

原创 css3弹性布局flex布局

常见父项属性: flex-direction: 设置主轴方向 justify-content: 设置主轴上子元素的排列方式 flex-warp: 设置主轴是否换行 align-items: 设置侧轴上的子元素排列方式(单行) align-content: 设置侧轴上的子元素的排列方式(多行) flex-flow: 复合属性,相当于同时设置了flex-direction和flex-warp ##主轴与侧轴 flex-direction: 属性设置主轴方向 默认主轴x方向,水平向右 默认

2021-11-03 19:18:10 149

原创 css中垂直居中方式

将显示方式设置为表格,display:table-cell,同时设置vertical-align:middle 使用弹性布局flex-box设置为align-items:center 绝对定位中设置bottom:0;top:0,margin设置为auto 绝对定位中固定高度是设置top:50% ;margin-top值为高度一半的负值 文本垂直居中 line-height为高度值height ...

2021-07-14 22:11:00 59

原创 css中水平居中方式

1元素为行内元素,设置父元素 text-align:center 2元素固定宽度,可设置左右 margin:auto 3元素为绝对定位,设置符元素position为relative,元素设置left:0; right:0;margin:auto; 4使用弹性盒子flex-box布局,指定justify-content 属性为center 5display设置为table-ceil ...

2021-07-14 21:55:16 52

空空如也

空空如也

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

TA关注的人

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