垂直对齐div内的图像

时间:2014-04-04 08:59:50

标签: html css

请参阅fiddle,不要更改ID" darko"我需要它原样。

http://jsfiddle.net/2PSNN/4/

2 个答案:

答案 0 :(得分:1)

你走了:

#darko {
text-align: center;
vertical-align : middle;
border: 2px solid red;
}
#darko > * {
vertical-align : middle;
}
#darko1 {
margin: auto 0;
border: 2px solid green;
display: inline-block;
}
#darko2 {
margin: auto 0;
border:2px solid yellow;
}

http://jsfiddle.net/2PSNN/3/

答案 1 :(得分:0)

如果这对您有用 fiddle

,请尝试
#darko img{
    display:inline-block;
    vertical-align:middle;
}