img和文本垂直对齐

<div class="card"> 
<img class='sound' src='https://www.google.com/images/srpr/logo4w.png'> 
<div class='txt'> 
this is a sentence.this is a sentencethis is a sentence. 
</div></div> 

.card{ 
    margin:5px 14px; 
    border:thin solid blue; 
} 
.sound{ 
    width:32px; 
    height:32px; 
    cursor:pointer; 
} 
.txt{ 
    display:inline-block; 
    margin-left:25px; 
    vertical-align:middle; //doesn't work 
    border:thin solid red; 
}

如何将.txt div对齐到位于.sound图片的中间位置？小提琴是here img和文本垂直对齐

来源

2013-09-22 bonaca

解决了，感谢大家 – bonaca

把垂直对齐放在.sound？

.card{ 
    margin:5px 14px; 
    border:thin solid blue; 
} 
.sound{ 
    width:32px; 
    height:32px; 
    cursor:pointer; 
    vertical-align:middle; 
} 
.txt{ 
    display:inline-block; 
    margin-left:25px; 
    border:thin solid red; 
}

http://jsfiddle.net/hWejY/1/

来源

2013-09-22 17:17:22 xec

插入vertical-align: middle进级音响

.card{ 
    margin:5px 14px; 
    border:thin solid blue; 
} 
.sound{ 
    width:32px; 
    height:32px; 
    cursor:pointer; 
    vertical-align:middle 
} 
.txt{ 
    display:inline-block; 
    margin-left:25px; 
    vertical-align:middle; 
    border:thin solid red; 
}

DEMO

来源

2013-09-22 17:18:51

vertical-align:middle;

应该对.sound

来源

2013-09-22 17:19:09

img和文本垂直对齐

回答

相关问题