css为其中一行设置边框,CSS：多个框 - 如果一行太长，则换行

我在某些类中定义了3个不同框(例如box-cls)中的内容。这三种风格都是一样的。所以我举个例子：CSS：多个框 - 如果一行太长，则换行

+---------+---------+---------+

| 12 34 | my long | ab de |

+---------+---------+---------+

当我收缩页面的时候比箱子的内容也减少了。我没有料想到会看到这样的：

+-------+-------+-------+

| 12 34 | my | ab de |

| | long | |

+-------+-------+-------+

说实在的，我看到班上箱收缩是这样的：

+-------+-------+-------+

| 12 34 | my | ab de |

+-------+ long +-------+

+-------+

有没有办法来动态调整框的高度到一个盒子的最大高度？

如果1)不可能：只要箱子的长度低于固定限制，是否可以设置高度？

我尝试了一些@media，但没有在正确的样式中成功。 目前我只有一个固定的解决方案：

.box-content {

min-height: 46px!important;

display: flex;

align-items: center;

justify-content: center;

}

，但希望有一个更动态的解决方案 - 用的Cuz我的做法的高度是在许多情况下，以大！ 寻找一个CSS的解决方案 - 没有一个jQuery(或类似)

2017-07-16

LeO

+0

能否请您添加您的箱子码？最好在代码片段中。因为flex-container默认会自动调整框高('align-items：justify')。 –

+0

1.是...使用'align-items：stretch;' –

+0

@Vadim：抱歉，我不明白我应该添加什么。如果我没有设置元素的最小高度，我会得到不同的结果。而“证明”没有帮助。或者你的意思是'

12 34'??? –