CSS：如何將文本對齊到圖像的中心（左側）

Question

<p style="text-align:center;display:inline-block">yes </p>
<img width="50px" height="50px" src="">

在此處輸入圖片說明

如何使“是”的上半部分與圖像塊的中心位置對齊？ 什么是良好做法？

    ------
    |    |
yes |    |
    |____|

Answer 1

使用vertical-align:middle; 。 這將使文本和圖像對齊所需的方式。

編碼

<p style="text-align:center;display:inline-block;">yes </p>
<img width="50px" height="50px" src="" style=" vertical-align:middle;">

希望這可以幫助。