Html 将我的图像与CSS对齐

当我查看我的网页时，图像没有对齐。我希望图标能够直线对齐，但有一个区别，看起来它取决于另一个单元格，取决于用于写入时间的容器有多大：

我为这个问题创建了一个解决方案。你能帮助我吗？错误的代码似乎是CSS：

#list_item_thumbs .item {
    list-style: none;
    margin: 0;
    display: block;
    clear: both;
    overflow: visible;
    border-bottom: 1px solid #ccc;
    position: relative;
    padding: 8px 0 0 0;
    height: 88px;
}

---

将此添加到您的图像中：

#list_item_thumbs .item_img img {
  display: block;
  margin: 0 auto;
}

我还将此添加到

.item\u age

类中，以进一步帮助对齐：

#list_item_thumbs .item_age {
  min-width: 4em;  
}

---

将此添加到您的图像中：

#list_item_thumbs .item_img img {
  display: block;
  margin: 0 auto;
}

我还将此添加到

.item\u age

类中，以进一步帮助对齐：

#list_item_thumbs .item_age {
  min-width: 4em;  
}

---

有两种解决方案：

一种是使用表，然后列将自动对齐

另一种方法是对列使用固定宽度，为它们指定class.datetime、.image和.description

并为每个应用一个宽度

.datetime {
    display: block;
    width: 25%;
}

.image {
    display: block;
    width: 25%;
}

.description {
    display: block;
    width: 50%;
}

---

有两种解决方案：

一种是使用表，然后列将自动对齐

另一种方法是对列使用固定宽度，为它们指定class.datetime、.image和.description

并为每个应用一个宽度

.datetime {
    display: block;
    width: 25%;
}

.image {
    display: block;
    width: 25%;
}

.description {
    display: block;
    width: 50%;
}