將跨度與 div 內的圖像垂直對齊

Question

請參閱fiddle ，不要更改 id "darko" 我需要它。

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

Answer 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/

Answer 2

試試這是否適合你小提琴

#darko img{
    display:inline-block;
    vertical-align:middle;
}