css 引导卡的最大高度相同,并按内容取最大高度

q3qa4bjr  于 2022-12-27  发布在  其他
关注(0)|答案(2)|浏览(154)

我想让Bootstrap卡有相同的高度,应该有一个最大高度,卡的高度不应该超过这个限制。其他卡的高度取决于包含更多内容的卡。
下面是一个工作沙箱demo

jjhzyzn0

jjhzyzn01#

有两种方法可以解决这个问题。
1.如果卡的数据是静态的(数据不会来自API)(https://prnt.sc/mJMl3FSLTNM1),您可以指定min-height而不是max-height
1.如果卡的数据是动态的(来自API的数据),则可以将height: 100%用于.col.mb-3。(https://prnt.sc/FW4BqAmnkgJK

vfwfrxfs

vfwfrxfs2#

你可以用下面的方法做这件事。
1.每张卡上都有一个通用的CSS类。
1.在其上设置最大高度。
1.设置文本的溢出属性。这样如果文本变长,它就会溢出。

相关问题