我想让Bootstrap卡有相同的高度,应该有一个最大高度,卡的高度不应该超过这个限制。其他卡的高度取决于包含更多内容的卡。下面是一个工作沙箱demo
jjhzyzn01#
有两种方法可以解决这个问题。1.如果卡的数据是静态的(数据不会来自API)(https://prnt.sc/mJMl3FSLTNM1),您可以指定min-height而不是max-height。1.如果卡的数据是动态的(来自API的数据),则可以将height: 100%用于.col.mb-3。(https://prnt.sc/FW4BqAmnkgJK)
min-height
max-height
height: 100%
.col.mb-3
vfwfrxfs2#
你可以用下面的方法做这件事。1.每张卡上都有一个通用的CSS类。1.在其上设置最大高度。1.设置文本的溢出属性。这样如果文本变长,它就会溢出。
2条答案
按热度按时间jjhzyzn01#
有两种方法可以解决这个问题。
1.如果卡的数据是静态的(数据不会来自API)(https://prnt.sc/mJMl3FSLTNM1),您可以指定
min-height
而不是max-height
。1.如果卡的数据是动态的(来自API的数据),则可以将
height: 100%
用于.col.mb-3
。(https://prnt.sc/FW4BqAmnkgJK)vfwfrxfs2#
你可以用下面的方法做这件事。
1.每张卡上都有一个通用的CSS类。
1.在其上设置最大高度。
1.设置文本的溢出属性。这样如果文本变长,它就会溢出。