笔记
luncky boy
这个作者很懒,什么都没留下…
展开
-
水平垂直居中6种
1,flex布局在父元素设置样式 father{display:flex;justify-content:center;align-items:center;} 2,flex布局在子元素上设置样式 father{display:flex} children{margin:auto} 3,flex布局在子元素上设置样式 .father{display:flex} .children{align-self:center;margin:auto;} 4,定位,margin father{position:rela原创 2022-01-07 14:22:52 · 255 阅读 · 0 评论 -
display属性
1,display:none; //隐藏 2,display:block //块状显示 1.默认独占一行,2.高度自适应高度, 3,排列方式从上到下显示,4,可以通过宽高改变大小,5,可以通过margin:0auto;实现左右居中 3,display:inline; //内联显示, 1、默认大小为内容的大小,2.排列方式从左到右, 3,不可以通过宽高改变大小,4,不可以通过margin:0auto;实现左右居中 4,display:inline-block;//内联块状显示 1.默认大小为内容的大小,2原创 2022-01-07 14:17:06 · 299 阅读 · 0 评论 -
flex
flex属性: 需要给父层设置flex,来改变子层的结构变化 ** 1,flex-direction【修改排序方式,主轴X轴,还是侧轴Y轴】** flex-direction:row; //默认向X轴排列,从左到右 felx-direction:row-reverse; //X轴排列,从右到左 flex-direction:column; //Y轴排列,从上到下 flex-direction:column-reverse;//Y轴排列,从下到上 2,justify-content【设置主轴X轴,子元素的原创 2022-01-05 15:50:42 · 123 阅读 · 0 评论