我正在尝试在一个div中居中一个图片并保持它的长宽比 - 我使用了这段代码,但是它似乎没有将项目对齐到中心(顶部/底部中心)。如果可能,只使用CSS。
由于使用最大宽度,因此不知道图片的大小!
JSfiddle: http://jsfiddle.net/L41wpza6/2/
#imageHolder {
width: 400px;
height: 400px;
line-height: 400px;
background-color:#CCCCCC;
}
#imageHolder img {
max-width: 100%;
max-height:100%;
display: block;
margin: 0 auto;
vertical-align: middle;
任何帮助都将不胜感激!我不确定缺少了什么才能使其工作。
vertical-align
属性不适用于块级元素(只适用于内联级元素和table-cell
)。 - Hashem Qolami#imageHolder { text-align: center}
,因为margin: 0 auto
无法实现。 - sibbl