![](https://img-blog.csdnimg.cn/20201014180756927.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
css
文章平均质量分 82
Fremount
这个作者很懒,什么都没留下…
展开
-
### CSS瀑布流布局
我的思路是给定照片一个固定的宽度,但是我想让在不知道盒子的宽度大小的情况下,然后依然充满这个盒子,然后在高度的处理上,我们先算出一列有多少个元素,然后根据列数设定一个高度记录数组column_num_yArr ,这个数组用来记录每遍历一层时候的每一列的高度,这样我们遍历下一层的时候就可以根据这个高度数组进行定位操作。这样的时候缩放也有效果了。图片应该是等宽的,且上下之间衔接很完美的,依照从左到右,由上至下的规则排列,是有序的而不是无序的。原创 2022-11-22 18:30:09 · 428 阅读 · 0 评论 -
css布局总结
网格是由一系列水平及垂直的线构成的一种布局模式。一个网格通常具有许多列与行,以及行与行、列与列之间的间隙,这个间隙一般被称为沟槽(gutter)转载 2022-11-14 17:47:36 · 260 阅读 · 0 评论 -
grid特性布局特性总结
网格是由一系列水平及垂直的线构成的一种布局模式。一个网格通常具有许多列与行,以及行与行、列与列之间的间隙,这个间隙一般被称为沟槽(gutter)原创 2022-11-14 13:16:19 · 242 阅读 · 0 评论 -
flex常用特性总结
1、flex的应用场景: 自适应布局、盒子排列有规则的情况下可以使用。 2、flex-basis如果设置为auto,浏览器会有什么样的默认行为? flex-basis也就是弹性元素为伸缩时的主轴上的大小,如果设置为auto,则表明主轴上的宽度是自定义的,如果没有设置为auto,则无论怎么定义width都没有用,弹性元素在主轴上的宽度就是所设置的flex-basis的大小。 3、如果设置flex:1,flex:2,相对应的三个属性值分别是多少?2、2、0%原创 2022-11-07 15:22:10 · 4551 阅读 · 0 评论