Css 垂直对齐最大高度li元素并将其与所有其他元素匹配。

我得到了红色的列表项，我希望它们与列表元素中最大的高度相同，现在是crains图像。现在代码看起来像这样。我还希望它们居中，以便所有的线都垂直对齐

<ul class="press_list">
 <li><img src=""/></li>
</ul>

形象

---

您可以看到所有红色框的高度不匹配，并且图像没有垂直居中。任何帮助都会很好

要使元素垂直对齐，必须将它们设置为display:inline；或显示：内联块；并声明它们的宽度垂直对齐：中间；在css文件中。它们将与此处声明的行高对齐，居中元素的一个技巧是声明字体大小等于高度，并给它垂直对齐：中间；属性，这样线高度将是所有的高度，元素将正好在中间对齐。

我举了一个例子，但我没有使用图像，而是为元素设置了不同的高度。您将看到，一开始，它们的宽度和高度不同，但运行js后，它们的高度与maximun相同，并且垂直对齐。尝试先对js代码进行注释，以便在开头看到元素，然后用js再次尝试，您将看到它们是如何获得相同高度的

看一看:

Se我设置高度的位置：

请注意，为了以防万一，我将max_height变量初始化为-1

var max_height = -1;

并使用jQuery的每个函数来获得最大高度

$('.press_list').find('li').each(function(){
    // Code here
});