调整弹性盒子布局中项目的对齐方式
本示例代码中，head元素内的文本未显示在div中，且尽管设置了width = 1000px，但div仍按照justify-content: space-evenly的设置进行间距。可以通过以下方式解决这些问题：
第一个问题：
head元素中设置了固定的height，导致弹性子元素的高度被拉伸到该大小，而不是由其内容决定。移除height: 50px即可解决此问题。
.head {
...
height: 50px;
...
}第二个问题：
这里有几种解决方法：
- 方案一（不推荐）：使用margin来处理最后两个元素，但需要调整间距以匹配现有间距。这在width变化时可能导致不一致。
- 方案二：不使用justify-content: space-evenly，改为使用margin或padding设置间距。
- 方案三：采用grid布局，指定列数、列宽、列与列之间的间距、行与行之间的间距以及与边界的间距。
