如何垂直對齊img和h4？

是否可以使用CSS對齊，所以文本會垂直居中在圖像旁邊？如何垂直對齊img和h4？

<div><img class="paragraph-icon" src="images/desc.png" /><h4>Description</h4></div>

來源

2010-08-31 Pablo

什麼包含類段落圖標？你嘗試添加vertical-align：middle; – 2010-08-31 05:37:41

複製http://stackoverflow.com/questions/489340/how-do-i-vertically-align-text-next-to-an-image-with-css – 2010-08-31 05:48:21

@Haim Evgi：只是背景圖片。 – Pablo 2010-08-31 07:00:50

試試這個：

<div style="height=IMAGE_HEIGHT; line-height:IMAGE_HEIGHT"> 
    <img class="paragraph-icon" src="images/desc.png" /> 
    <h4 style="display: inline;">Description</h4> 
</div>`

與圖像高度替換IMAGE_HEIGHT（不要忘了加上 'PX;'），這應該使該div中的所有內容均垂直居中。

來源

2010-08-31 07:22:15 Maikel

使用本

<div> 
    <img class="paragraph-icon" src="images/desc.png" style="vertical-align: middle;"> 
    <h4 style="display: inline;">Description</h4> 
</div>

來源

2010-08-31 07:05:32

如何垂直對齊img和h4？

回答

相關問題