使bootstrap的列具有相同的高度已在此处回答:
但是我有一些不同的要求。
具体来说,我需要将列的高度限制为特定列的高度。
例如,如果我们(100px, 50px)
分别有2列,则我希望第一列的高度50px
也要使用(overflow:hidden
)in。(请注意,高度是动态的,但我总是想使用第一列的高度)
纯CSS是否可行?还是我必须使用JavaScript来完成此任务?
当然,为什么不使用这样的特殊CSS类来限制高度。
.row.limit [class*="col-"]{
max-height:50px;
overflow:hidden;
}
如果您不需要将类应用于所有Bootstrap列(col- *),则最好应用特定的CSS选择器。然后添加limit
到适当的列...
.limit {
max-height:50px;
overflow:hidden;
}
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句