HTML，图像和文本并排，高度固定

我希望有多行图像，每个图像旁边都有文本。在每行之后，我想在下面画一条水平线。但是，我无法使每行的高度保持一致，因为文本可以是一行或多行。我可以将“文本溢出：省略号”与最多2行文本一起使用（以限制文本行），但如果只有1行文本，则每行的高度也不相同

以下是我的代码：

.i详细信息{
左边距：4倍；
右边距：8px；
浮动：左；
高度：70像素；
宽度：100px；
} 
.集装箱2{
宽度：100%；
身高：200；
填充：1%；
}
.第2列h4{
字体大小：15px；字体大小：600；
保证金：0px 0px 0px 0px；
}
.专栏2页{
字号：13px；字重：300；
保证金：0px 0px 0px 0px；
}

标题1
正文1。。文本。。。文本。。。文本。。。文本。。。文本。。。文本。。。文本。。。文本。。。文本。。。文本。。。文本。。。正文


标题2
正文2。。文本。。。文本。。。文本。。。文本。。。文本。。。文本。。。文本。。。文本。。。文本。。。文本。。。文本。。。正文


标题3
正文3。。文本。。。文本。。。文本。。。文本


标题4。。。。正文。。。。。。。。文本。。。。文本。。。。文本。。。文本。。。
正文4。。文本。。。文本。。。文本。。。文本

这有帮助吗

我使用flexbox并排显示内容。我使用

-webkit line clamp

限制行数，然后显示椭圆

更新：添加了一个javascript来检查

标题

和

段落

标记中心对齐，前提是

偏移

大于设定值。在本例中，我使用了

20px

var h4s=document.getElementsByTagName（“h4”）；
var ps=document.getElementsByTagName（“p”）；
对于（变量i=0；i20）{
返回；
}
element.style.textAlign=“中心”；
}

.i详细信息{
高度：70像素；
宽度：100px；
} 
.集装箱2{
宽度：100%；
高度：100px；
填充：1%；
显示器：flex；
溢出x：隐藏；
}
.图像容器{
文本对齐：居中；
宽度：120px；
}
.内容容器{
身高：100%；
宽度：calc（100vw-120px）；
溢出：隐藏；
文本溢出：省略号；
}
.内容容器>h4{
边际上限：0；
溢出：隐藏；
文本溢出：省略号；
显示：-网络工具包盒；
-webkit线夹：2个；
-网络工具包盒方向：垂直；
}
.content container>p{
溢出：隐藏；
文本溢出：省略号；
显示：-网络工具包盒；
-webkit线夹：3个；
-网络工具包盒方向：垂直；
}

标题1
正文1。。文本。。。文本。。。文本。。。文本。。。文本。。。文本。。。
文本。。。文本。。。文本。。。文本。。。文本。。。正文1。。文本。。。文本。。。文本。。。文本。。。文本。。。文本。。。文本。。。文本。。。文本。。。文本。。。文本。。。正文1。。文本。。。文本。。。文本。。。文本。。。文本。。。文本。。。文本。。。文本。。。文本。。。文本。。。文本。。。正文1。。文本。。。文本。。。文本。。。文本。。。文本。。。文本。。。文本。。。文本。。。文本。。。文本。。。文本。。。正文1。。文本。。。
文本。。。文本。。。文本。。。文本。。。文本。。。文本。。。文本。。。文本。。。文本。。。文本。。。正文1。。文本。。。文本。。。文本。。。文本。。。文本。。。文本。。。文本。。。文本。。。文本。。。文本。。。文本。。。正文1。。文本。。。文本。。。文本。。。文本。。。文本。。。TexBody 1。。文本。。。文本。。。文本。。。文本。。。文本。。。文本。。。文本。。。文本。。。文本。。。文本。。。文本。。。正文1。。文本。。。文本。。。文本。。。文本。。。文本。。。文本。。。文本。。。文本。。。文本。。。文本。。。文本。。。正文1。。文本。。。文本。。。文本。。。文本。。。文本。。。文本。。。文本。。。文本。。。文本。。。
文本。。。文本。。。正文1。。文本。。。文本。。。文本。。。文本。。。文本。。。文本。。。文本。。。文本。。。文本。。。文本。。。文本。。。正文1。。文本。。。文本。。。文本。。。文本。。。文本。。。文本。。。文本。。。文本。。。文本。。。文本。。。文本。。。正文1。。
文本。。。文本。。。文本。。。文本。。。文本。。。文本。。。文本。。。文本。。。文本。。。文本。。。文本。。。正文1。。文本。。。文本。。。文本。。。文本。。。文本。。。文本。。。文本。。。文本。。。文本。。。文本。。。文本。。。正文1。。文本。。。文本。。。文本。。。文本。。。文本。。。文本。。。文本。。。文本。。。文本。。。文本。。。文本。。。文本t。。。文本。。。文本。。。文本。。。文本。。。文本。。。正文1。。文本。。。文本。。。文本。。。文本。。。文本。。。文本。。。文本。。。文本。。。文本。。。文本。。。文本。。。正文1。。文本。。。文本。。。文本。。。文本。。。文本。。。文本。。。文本。。。文本。。。文本。。。文本。。。文本。。。正文


片名是宋龙片名是宋龙片名是宋龙片名是宋龙片名是宋龙片名是宋龙片名是宋龙片名是宋龙片名是宋龙片名是宋龙片名是宋龙片名是宋龙片名是宋龙片名是宋龙片名是宋龙片名是宋龙片名是宋龙片名是宋龙片名是宋龙片名是宋龙片名是宋龙片名sooo-loong Title是sooo-loong Title是sooo-loong Title是sooo-loong Title是sooo-loong Title是sooo-loong Title是sooo-loong Title是sooo-loong Title是sooo-loong Title是sooo-loong Title是sooo-loong Title是sooo-loong Title是sooo-loong