如上图,因为下面的文字有多有少,有的两行有的三行,导致错位了.
这种情况有什么办法解决?设置固定高度貌似不好?
1、题主想要的大概是一个瀑布流布局~~
2、这种布局我只知道js的实现方法···
+ 先将页面分成n列
+ 每次添加子项的时候读取各列的高度，选择高度最小的那一列或者使用flex布局
display: flex;
flex-flow: column wrap;但这只能从左往右，一列一列地填充，显然很捉鸡····
3.综上，我的看法是
-
固定高高度
保留单行文本，如上个回答所说
多行文本：检测字数，字符串截取并加上
···
js实现：如上回答。
flex是不合适的
最后，题主网站做好之后能分享出来么~ “老司机，带带我····”
text-overflow: ellipsis;
width: 450px;
height: 80px;
overflow: hidden;
固定一下宽高，文字超过宽度就会用...省略号代替
这图片，我都不敢给你回复咯→_→