好吧,问题是,我有不同尺寸的图像,但这并不重要,因为它们的宽度总是大于它们的高度,并且所有图像的大小都调整为 100px 宽度(每个图像的高度仍然不同) )
我正在尝试垂直对齐 100 像素 x 100 像素的 div 内的图像。我尝试了各种各样的事情。行高、边距自动、表格单元格方法都不适合我......
这是 html:
<div class="kassabon_product_image">
<img src="product1.png" />
</div>
这是 CSS
.kassabon_product_image{
float: left;
display:table-cell;
width: 100px;
height: 100px;
background-color: red;
border: 1px solid #D5D0C6;
line-height: 100px;
vertical-align:middle;
}
.kassabon_product_image img{
width: 100px;
}
最佳答案
.kassabon_product_image{
display:table-cell;
vertical-align:middle;
}
从 img 中删除垂直对齐,这样就可以了。
关于html - div 中的垂直对齐图像,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/13163119/