Css DIV（显示：表格单元格；）内的图像超出了高度

我需要垂直对齐图像内的水平布局与流体的高度（100%）。到目前为止，我发现在没有固定高度的情况下垂直居中最合适的方法是使用display：table、table row和table cell。使用以下代码，到目前为止定心工作正常：

<div class="itemwrap">
  <div class="imagecenterrow">
  <div class="imagecentercell">
    <img src="..." title="...">
  </div>
  </div>
</div>

这些图像似乎忽略了表格单元格DIV的高度，并且都以其原始大小显示（超过父元素的100%高度）。不过垂直居中仍然有效。有没有关于将图像限制在表格单元格边界的想法？（不得修剪）

---

谢谢

别忘了，

max height

和

max width

仅与在同一元素上为

height

和

width

定义的值相关，而您目前尚未设置这些值。您需要定义这些，才能使其工作，删除

max-

部件应该对您有用

“最大高度”CSS属性用于设置一个对象的最大高度 给定元素。它可以防止使用的height属性值被忽略 大于为“最大高度”指定的值

---

将图像的最大高度设置为小于表格高度的值

.itemwrap img {
max-height: 5px;
}

只需编辑5px

---

您甚至可以使用填充添加内部空格

.imagecentercell img {
padding: 10px!important;
}

.imagecentercell img {
padding: 10px!important;
}