HTML中的对齐问题？

2025-03-13 03:44:28

推荐回答（2个）

回答1：

如上面的截图，我觉得你这个问题不应该是找怎么对齐的方法，而是标准化输出图片和标题等内容，也就是说，标题要么都显示两行，留两行的高度，多出来的省略号代替：

.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代码。

当然，图片的高度宽度都要有一个标准，不然只要手机、平板、电脑的屏幕尺寸有问题，都可能出现错误的情况。

回答2：

可以将下行文字设置为只显示两行，超出用...影隐藏。