Html 如何保持列的宽度相同

有没有办法将长文本“aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa

菜单的宽度必须尽可能长

.container{
显示器：flex；
柔性流：柱包裹；
高度：300px；
}
.菜单{
背景色：#CCCCFF；
边框：1px实心#CC6699；
}

AAAA
aaaaaaaaaaaaaaaaaaaa
AAAA
AAAA
AAAA
AAAA
AAAA
AAAA
AAAA
AAAA
AAAA
AAAA
AAAA
AAAA
AAAA
AAAA
AAAA
AAAA
AAAA
AAAA
AAAA
AAAA
AAAA
AAAA
AAAA
AAAA
AAAA
AAAA
AAAA
AAAA
AAAA
AAAA
AAAA
AAAA
AAAA
AAAA
AAAA
AAAA
AAAA
AAAA
AAAA
AAAA
AAAA
AAAA

您可以使用

换行：断开单词

编辑：我在前两个部分就做了


.container{
显示器：flex；
柔性流：柱包裹；
高度：300px；
}
.菜单{
背景色：#CCCCFF；
边框：1px实心#CC6699；
}
.内部{
宽度：40px；
换行字：使用此项和宽度打断word；/**/
}

AAAA
aaaaaaaaaaaaaaaaaaaa
AAAA
AAAA
AAAA
AAAA
AAAA
AAAA
AAAA
AAAA
AAAA
AAAA
AAAA
AAAA
AAAA
AAAA
AAAA
AAAA
AAAA
AAAA
AAAA
AAAA
AAAA
AAAA
AAAA
AAAA
AAAA
AAAA
AAAA
AAAA
AAAA
AAAA
AAAA
AAAA
AAAA
AAAA
AAAA
AAAA
AAAA
AAAA
AAAA
AAAA
AAAA
AAAA
为
菜单添加
宽度
，并添加
换行：断开单词见下文：

CSS

谢谢！但是.菜单的宽度必须尽可能长。我忘了提这件事了……对不起。啊，好的。然后在每个
.menu
中添加一个容器，然后在内部容器中添加固定宽度和换行符，使
.menu
保持不变。添加固定宽度不是一个解决方案。菜单是灵活的，所以它的容器必须是灵活的。我刚才说的是，你保持
.menu
宽度灵活，但你在
.menu
中添加了另一个元素，它将封装aaaa，并具有固定的宽度。
.container {
    display: flex;
    flex-flow: column wrap;
    height: 300px;
}
.menu {
    background-color: #CCCCFF;
    border: 1px solid #CC6699;
    width:100px; /*change this as necessary*/
    word-wrap:break-word;
}