文字與圖片在同一行垂直居中問題

當文字和圖片處於同一文檔流,發現採用vertical-align: middle; 沒法實現圖片和文字的垂直居中。

原來圖片有本身的align屬性,能夠在圖片中加入 align="absmiddle" 實現。 網絡

實現<img src="my.jpg" align="absmiddle" />這是文字 spa

附,網絡資料:圖片align屬性集合: orm

    AbsBottom    圖像的下邊緣與同一行中最大元素的下邊緣對齊。  
    AbsMiddle    圖像的中間與同一行中最大元素的中間對齊。  
    Baseline     圖像的下邊緣與第一行文本的下邊緣對齊。  
    Bottom       圖像的下邊緣與第一行文本的下邊緣對齊。  
    Left         圖像沿網頁的左邊緣對齊,文字在圖像右邊換行。  
    Middle       圖像的中間與第一行文本的下邊緣對齊。  
    NotSet       未設定對齊方式。  
    Right        圖像沿網頁的右邊緣對齊,文字在圖像左邊換行。  
    TextTop      圖像的上邊緣與同一行上最高文本的上邊緣對齊。  
    Top          圖像的上邊緣與同一行上最高元素的上邊緣對齊。 圖片

相關文章
相關標籤/搜索