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;">

希望这可以帮助.