前端小知识点
闫格22408(努力版)
这个作者很懒,什么都没留下…
展开
-
使用padding百分比控制展示位图片大小
father盒子的padding值有3个参数,分别是上边距,左右边距和下边距;上边距设置为66%即为grandpa盒子的66%,这样grandpa盒子的宽度变更后,father盒子的padding值会自动变更,里面宽度和高度均为father盒子100%的img盒子的宽度和高度也就会自动变更。现在我们有一种方法,可以不需要给图片确定的数值,通过设置img的父盒子的padding值来调整图片大小,这样,当这个图片展示位一行展示3个或4个或者任何几个图片的时候,图片的大小都会自动调整而不用一个个写了。原创 2023-04-02 17:21:09 · 198 阅读 · 0 评论 -
flex布局中巧用margin负值
在flex布局中如果每行展示4个盒子,左右两侧靠边,中间间距相同,可以选择的方法有很多,最容易想到的就是space-between,但是这种情况下需要给4个子盒子宽度,那么就不利于盒子封装,例如有时候可能一行是3个、有时候4个、或者5个展示位的时候,就需要重新写宽度,如果使用margin负值,就能解决这个问题。这时,仅grandpa盒子有宽度,其他盒子的宽度都可以自动设置,我们只需要确定每行需要几个盒子,如果每行4个盒子则设置son的宽度为25%,每行为5个盒子则设置son的宽度为20%,以此类推。原创 2023-04-02 17:03:03 · 414 阅读 · 1 评论 -
如何取对象的第一个键值对的键和第一个键值对的值
取对象的第一个键值对的键:取对象的第一个键值对的值:例如:age: 18使用node运行后结果是:nameagezs。原创 2023-04-02 16:09:30 · 728 阅读 · 0 评论