前端学习
文章平均质量分 86
晚晚昨晚吃晚饭很晚睡说晚
懒得很,啥也没写
展开
-
利用flex布局实现骰子的点的分布
效果图: 先将六个面的结构写出来 设置每个面的样式 属性设置骰子里的红点点的样式 正负值的记法:左上为负,右下为正。如果是内部阴影,就会反过来。开始分别对骰子的点进行分布 第四五个骰子还有其他的方法布局,第六个很好同理,这里就不作说明。如下: 将左右两边的两个点竖着排列 将第三个点居中,剩下四个点(上面两个、下面两个)两端对齐 将两边的两点竖着排列,再改变第三个点的自身位置 还有一种方法: 全部代码如下:原创 2022-09-21 14:41:35 · 365 阅读 · 1 评论 -
flex布局属性概括
项目的缩小比例,默认为1,即如果空间不足,项目就会缩小。如果一个项目的属性为0,其余项目属性为1,空间不足时为0的项目不缩小比例。space-around 为什么大一倍,因为每个项目两边的间隔相等,而最左边和最右边的只挨着一个项目,中间的项目左边有一个项目右边有一个项目。项目的放大比例,默认为0,表示有剩余空间也不放大。如果所有项目的此属性都为1,则他们等分剩余空间,项目的排序顺序,数值越小,排列越靠前。项目在交叉轴(y轴)上如何对齐,只有一条轴线。原创 2022-09-21 12:06:05 · 244 阅读 · 0 评论