- 博客(3)
- 收藏
- 关注
原创 flex布局&多列布局
一、flexbox布局功能主要具有以下几点: 1、屏幕和浏览器窗口大小发生变化也可以灵活调整布局; 2、指定伸缩项目沿着主轴或侧轴按比例分配额外空间,从而调增伸缩项目的大小; 3、指定伸缩项目沿着主轴或侧轴将伸缩容器额外空间,分配到伸缩项目之前、之后或之间; 4、指定如何将垂直于元素布局轴的额外空间分布到该元素的周围; 5、控制元素在页面上的布局方向; 6、按照不同于标准流所指定的排序方式对屏幕上的元素重新排序。 二、 1、align-self属性 Internet Explorer 和 Safar
2022-03-05 21:44:19 1415
原创 定位属性
一、相对定位 1、属性: position 2、属性值:relative ①相对自身位置定位,不会脱离文档流 ②配合top/left/right/bottom属性使用 二、绝对定位 1、属性:position 属性值:absolute ①定位参考对象为有定位的父级元素,如果父元级素没有定位则参考根元素 ②配合方向属性left/right/top/bottom使用 ③绝对定位会脱离文档流,不占位 ④子绝父相 ⑤层级顺序 z-index:number;数字越大在上层显示,默认值为0,可以
2022-03-05 21:35:03 1111
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人