我试图在不使用 javascript 和不使用表格的情况下实现以下布局：
页面上有很多行。每行由四个内容元素填充，其中最高的元素决定了行的高度。每个内容元素都有两个其他元素，在这种情况下，一个图像和一个标题。图像与行顶部对齐，而标题与底部对齐。
在 HTML 结构中，图像和标题必须在内容元素中保持在一起。
我尝试过的一些解决方案：
将每一行分成两部分：一行图像和一行标题，将图像与标题分开。
使用著名的等高列div 结构会产生一个丑陋的绝对定位的 Matryoshka Doll 排列的 div。
表格的问题在于，将来页面将变得更加动态（可重新排列的内容、流畅的布局、动态搜索、可变宽度的内容），而表格将非常烦人。