Javascript 引导列/行内垂直居中img

我知道这个话题已经被没完没了地讨论了，但我已经尝试了很多解决方案，但都没有成功。在下面的代码段中，如何使图像在col/row div中垂直居中？首选使用jQuery的解决方案（我更可能破坏CSS）。我事先不知道图像的高度

.row{
/*只是为了演示*/
边框：2件纯黑；
}
/*我最新的居中尝试-如果需要，此代码可以全部删除*/
.书籍图像容器{
显示：表格；
表布局：固定；
}
.书籍形象{
显示：表格单元格；
垂直对齐：中间对齐；
}

乱数假文
呜呜呜呜

呜呜呜呜

呜呜呜呜

呜呜呜呜

您必须为类

图书图像容器

指定

显示：表格单元格

css属性和高度

.book-image-container {
  display: table;
  table-layout: fixed;
  display: table-cell;
  vertical-align: middle;
  height: 116px;
}

---

你必须给你的类

book image container

指定

display:table cell

css属性和高度

.book-image-container {
  display: table;
  table-layout: fixed;
  display: table-cell;
  vertical-align: middle;
  height: 116px;
}

---

我不会用jQuery解决这个问题，但是嘿，是你自找的：

---

找到最接近的父行的高度，从中减去图像的高度，然后将其除以2，然后将

边距顶部设置为该值。
我不会用jQuery解决这个问题，但是，嘿，你要的是：

找到最接近的父行的高度，从中减去图像的高度，然后除以2，然后将
边距顶部设置为该值。
谢谢！看起来这包含了一些多余的东西，不再需要
.book image
CSS。用最小的CSS编辑了我的问题。谢谢！看起来这包含了一些多余的东西，不再需要
.book image
CSS。用最小的CSS编辑了我的问题。谢谢你们的帮助！目前，我将采用Jurik的答案（或者更确切地说是我的版本），因为它非常简单，但如果我采用这种方法，我认为它不会起作用，因为图像可能大小不同。不用担心，这是一个更好地通过CSS解决的问题；-）谢谢你的帮助！目前，我将采用Jurik的答案（或者更确切地说是我的版本），因为它非常简单，但如果我采用这种方法，我认为它不会起作用，因为图像可能大小不同。不用担心，这是一个更好地通过CSS解决的问题；-）