请教bootStrap因为高度不一样导致错位,怎么解决

Question

如上图,因为下面的文字有多有少,有的两行有的三行,导致错位了.
这种情况有什么办法解决?设置固定高度貌似不好?

Answer 1

text-overflow: ellipsis;
width: 450px;
height: 80px;
overflow: hidden;

固定一下宽高，文字超过宽度就会用...省略号代替

这图片，我都不敢给你回复咯→_→

Answer 2

1、题主想要的大概是一个瀑布流布局~~

2、这种布局我只知道js的实现方法···

+ 先将页面分成n列
+ 每次添加子项的时候读取各列的高度，选择高度最小的那一列

或者使用flex布局

 display: flex;
  flex-flow: column wrap;

但这只能从左往右，一列一列地填充，显然很捉鸡····

3.综上，我的看法是

• 固定高高度

  • 保留单行文本，如上个回答所说

  • 多行文本：检测字数，字符串截取并加上···

• js实现：如上回答。

• flex是不合适的

最后，题主网站做好之后能分享出来么~ “老司机，带带我····”