项目过程中积累的css技巧

Flex布局设置多行首对齐且整体居中假定项目中的待展示元素宽高固定，每一行要求左对齐，一行最多五个，在此基础上，依据设备的不同，每一行多余的屏幕空间不同。如何将每行排满后多余的屏幕空间分配给该行的每个元素？答：采用一个空盒子对展示元素进行包裹。对于空盒子，采用 flex-bias 设置一行内所占空间为 20% ，同时空盒子也进行 flex 布局，对展示元素进行水平和垂直的居中处理。123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869<template> <div class="categories"> <div class="wrapper" v-for="category in categories"> <navigator class="navigator-item" url="/pages/index/index" open-type=...