- 博客(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关注的人