ZUI 3gap
效果
使用 gap-* 应用CSS属性 gap 设置 Flex 容器中元素间距。
gap-0
1
2
3
4
5
6
7
8
9
10
11
12
gap-x-0
1
2
3
4
5
6
7
8
9
10
11
12
gap-y-0
1
2
3
4
5
6
7
8
9
10
11
12
gap-1
1
2
3
4
5
6
7
8
9
10
11
12
gap-x-1
1
2
3
4
5
6
7
8
9
10
11
12
gap-y-1
1
2
3
4
5
6
7
8
9
10
11
12
gap-2
1
2
3
4
5
6
7
8
9
10
11
12
gap-x-2
1
2
3
4
5
6
7
8
9
10
11
12
gap-y-2
1
2
3
4
5
6
7
8
9
10
11
12
gap-3
1
2
3
4
5
6
7
8
9
10
11
12
gap-x-3
1
2
3
4
5
6
7
8
9
10
11
12
gap-y-3
1
2
3
4
5
6
7
8
9
10
11
12
gap-4
1
2
3
4
5
6
7
8
9
10
11
12
gap-x-4
1
2
3
4
5
6
7
8
9
10
11
12
gap-y-4
1
2
3
4
5
6
7
8
9
10
11
12
gap-5
1
2
3
4
5
6
7
8
9
10
11
12
gap-x-5
1
2
3
4
5
6
7
8
9
10
11
12
gap-y-5
1
2
3
4
5
6
7
8
9
10
11
12
gap-6
1
2
3
4
5
6
7
8
9
10
11
12
gap-x-6
1
2
3
4
5
6
7
8
9
10
11
12
gap-y-6
1
2
3
4
5
6
7
8
9
10
11
12
gap-7
1
2
3
4
5
6
7
8
9
10
11
12
gap-x-7
1
2
3
4
5
6
7
8
9
10
11
12
gap-y-7
1
2
3
4
5
6
7
8
9
10
11
12
gap-8
1
2
3
4
5
6
7
8
9
10
11
12
gap-x-8
1
2
3
4
5
6
7
8
9
10
11
12
gap-y-8
1
2
3
4
5
6
7
8
9
10
11
12