-
盒子居中的几种方法
方法一: 利用定位父盒子使用相对定位(relative),子盒子使用绝对定位(absolute)子盒子设置top:50% left:50%,让子盒子相距父盒子上边界,左边界宽高的50% 这里利用top移动的是以子盒子的左上角为基准的目前的效果就是子盒子的左上角在父盒子的中间位置所以我们要在移动... -
flex:1的含义
flex是一个组合属性他内部是由三个属性构成的总的来说flex: 1 的原理就是首先使用flex-basis把原先的宽度给取消掉 然后再用flex-grow和flex-shrink增大的增大缩小的缩小 flex-grow: 1 这个属性是一个占位的比例几个子元素写不一样的就会动态计算所占的宽... -
flex布局
flex布局是我们在工作中使用较多的一种布局方式,他的全称是 Flexible Box Layout,即弹性盒子布局,他为我们提供了一种更加简单方便的布局方式动态的来计算盒子之间的间隙 在使用的时候我们要先在外部容器中声明,即在父盒子中使用display:flex或者display:inlin...