CSS Flexbox：对齐问题

我在一个flex容器中有几个flex项目：

<div class="flex-container">
    <div class="flex-item flex-item-66">Box 1 | 66%</div>
    <div class="flex-item flex-item-33">Box 2 | 33%</div>
    <div class="flex-item flex-item-33">Box 3 | 33%</div>
    <div class="flex-item flex-item-33">Box 4 | 33%</div>
    <div class="flex-item flex-item-100">Box 5 | 100%</div>
</div>

方框1 | 66%
他说：“我的工作是在工作中完成的，我的工作是在工作中完成的，我的工作是在工作中完成的。”。在vero eos和accusam以及justo duo dolores和ea Reum。斯泰特·克莱塔·卡斯德·古伯格伦（Stet clita kasd gubergren），没有海洋保护区是属于同一领域的。他说：“我的工作是在工作中完成的，我的工作是在工作中完成的，我的工作是在工作中完成的。”。在vero eos和accusam以及justo duo dolores和ea Reum。斯泰特·克莱塔·卡斯德·古伯格伦（Stet clita kasd gubergren），没有海洋保护区是属于同一领域的。他说：“我的工作是在工作中完成的，我的工作是在工作中完成的，我的工作是在工作中完成的。”。在vero eos和accusam以及justo duo dolores和ea Reum。斯泰特·克莱塔·卡斯德·古伯格伦（Stet clita kasd gubergren），没有海洋保护区是属于同一领域的

在亨德雷特的两个房间里，一个房间里，一个房间里，一个房间里，一个房间里，一个房间里，一个房间里，一个房间里，一个房间里，一个房间里，一个房间里，一个房间里。这是一位杰出的领袖，他是一位伟大的领袖

但是，在最低限度的利益下，我们必须在公共消费品的基础上，继续履行我们的义务。在亨德雷特的两个房间里，一个房间里，一个房间里，一个房间里，一个房间里，一个房间里，一个房间里，一个房间里，一个房间里，一个房间里，一个房间里，一个房间里

不受时间和解决方案的限制，不受限制，不受限制，不受限制。这是一位杰出的领袖，他是一位伟大的领袖。但是，在最低限度的利益下，我们必须在公共消费品的基础上，继续履行我们的义务

方框2 | 33%
他说：“我的工作是在工作中完成的，我的工作是在工作中完成的，我的工作是在工作中完成的。”

方框3 | 33%
他说：“我的工作是在工作中完成的，我的工作是在工作中完成的，我的工作是在工作中完成的。”

方框4 | 33%
他说：“我的工作是在工作中完成的，我的工作是在工作中完成的，我的工作是在工作中完成的。”。在vero eos和accusam以及justo duo dolores和ea Reum

方框5 | 100%
他说：“我的工作是在工作中完成的，我的工作是在工作中完成的，我的工作是在工作中完成的。”。在vero eos和accusam以及justo duo dolores和ea Reum

请参见下面的代码，我想您希望这样

/**********概述*******/
.柔性容器{
背景：无；
显示器：flex；
柔性包装：包装；
利润率：0-10px；
}
/**st_证明内容开始**/
.flex justify start{
调整内容：灵活启动；
}
.flex-justify-end{
证明内容：柔性端；
}
.flex-justify-center{
证明内容：中心；
}
.flex使空间均匀对齐{
对正内容：空间均匀；
}
/**圣卢西亚**/
/**st_flexDirection开始**/
.弹性行{
弯曲方向：行；
}
.柔性柱{
弯曲方向：立柱；
}
/**st_弯曲方向端**/
/***************单项***************/
/**st_宽度开始**/
.弹性项目{
框大小：边框框；
背景色：rgba（255255,1）；
填充：20px；
利润率：10px；
边框：1px纯黑；
}
.flex项>.flex容器{
页边距底部：0；
}
.flex项>.flex容器>.flex项{
填充：0；
}
.flex-item-width-25{
宽度：计算（25%-20px）；
}
.flex-item-width-33{
宽度：钙（33.33333%-20px）；
浮动：对；
}
.flex-item-width-50{
宽度：计算（50%-20px）；
}
.flex-item-width-66{
宽度：钙（66.666%-20px）；
}
.flex-item-width-75{
宽度：计算（75%-20px）；
}
.flex-item-width-100{
宽度：计算（100%-20px）；
}
/**自启动**/
/*.flex-align自启动{
自我校准：灵活启动；
}*/
.柔性对齐自中心{
自对准：居中；
}
.柔性对齐自端{
自对准：柔性端；
}
.柔性对齐自拉伸{
自我调整：伸展；
}

方框1 | 66%
他说：“我的工作是在工作中完成的，我的工作是在工作中完成的，我的工作是在工作中完成的。”。在vero eos和accusam以及justo duo dolores和ea Reum。斯泰特·克莱塔·卡斯德·古伯格伦（Stet clita kasd gubergren），没有海洋保护区是属于同一领域的。他说：“我的工作是在工作中完成的，我的工作是在工作中完成的，我的工作是在工作中完成的。”。在vero eos和accusam以及justo duo dolores和ea Reum。斯泰特·克莱塔·卡斯德·古伯格伦（Stet clita kasd gubergren），没有海洋保护区是属于同一领域的。他说：“我的工作是在工作中完成的，我的工作是在工作中完成的，我的工作是在工作中完成的。”。在vero eos和accusam以及justo duo dolores和ea Reum。斯泰特·克莱塔·卡斯德·古伯格伦（Stet clita kasd gubergren），没有海洋保护区是属于同一领域的

在亨德雷特的两个房间里，一个房间里，一个房间里，一个房间里，一个房间里，一个房间里，一个房间里，一个房间里，一个房间里，一个房间里，一个房间里，一个房间里。这是一位杰出的领袖，他是一位伟大的领袖