我在某些类中定义了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'??? –