Html Flexbox：不需要的换行符

一行应该有3个div。出于某种原因，在第二个DIV之后会出现一个换行符。应该有足够的空间，因为每个DIV的宽度只有33%。那么为什么会发生这种断线呢

结果应该如下所示：

这是我目前的密码

*{
框大小：边框框；
}
.flex{
显示器：flex；
柔性包装：包装；
}
.第三{
保证金：5px；
填充物：5px；
背景色：#555；
弹性基础：计算（100%/3）；
}

第三
第三
第三
第三
第三
< /代码> 您需要考虑在<代码> Flex基< /C> >：< /P>计算中的余量

*{
框大小：边框框；
}
.flex{
显示器：flex；
柔性包装：包装；
边框：1px实心；
}
.第三{
保证金：5px；
填充物：5px；
背景色：#555；
弹性基础：计算（100%/3-10px）；
}

第三
第三
第三
第三
第三
< /代码> 您需要考虑在<代码> Flex基< /C> >：< /P>计算中的余量

*{
框大小：边框框；
}
.flex{
显示器：flex；
柔性包装：包装；
边框：1px实心；
}
.第三{
保证金：5px；
填充物：5px；
背景色：#555；
弹性基础：计算（100%/3-10px）；
}

第三
第三
第三
第三
第三