如上面的截图，我觉得你这个问题不应该是找怎么对齐的方法，而是标准化输出图片和标题等内容，也就是说，标题要么都显示两行，留两行的高度，多出来的省略号代替：
.title{
text-overflow: -o-ellipsis-lastline;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
line-clamp: 2;
-webkit-box-orient: vertical;
}
上面是显示两行标题的css代码。
当然，图片的高度宽度都要有一个标准，不然只要手机、平板、电脑的屏幕尺寸有问题，都可能出现错误的情况。
可以将下行文字设置为只显示两行，超出用...影隐藏。
内容全部来源于网络收集，如有侵权，请联系网站删除：QQ：24596024