题目链接
任务一
略
任务二
略
任务三
略
任务四
题目要求：
将列表里的元素分行排布，且每行的元素均匀排列、首尾对齐、间隔相等。
HTML 代码：
1
2
3
4
5
6
7
8
9
10
11
12
| <ul>
<li>Turnip</li>
<li>greens</li>
<li>yarrow</li>
<li>ricebean</li>
<li>rutabaga</li>
<li>endive</li>
<li>cauliflower</li>
<li>sea lettuce</li>
<li>kohlrabi</li>
<li>amaranth</li>
</ul>
|
CSS 代码：
1
2
3
4
5
6
7
8
9
| ul {
display: flex;
flex-wrap: wrap;
justify-content: stretch;
}
li {
flex: auto;
}
|