垂直对齐CSS属性

这似乎是一个相当简单的问题，但到目前为止，它一直在困扰着我。“垂直对齐”属性适用于我。但是，当我在要沿图像中心运行的文本后面添加一个
标记时，
标记后面的任何文本都会直接显示在图像下面

例如：

<img src="test.png" width="50" height="50" alt="test" style="vertical-align:middle;"/>        This text is fine. <br />This text is not.

这个文本很好
此文本不是。

您的示例包含标签

，根据定义，它意味着换行符。

尝试以下操作：

<img src="test.png" width="50" height="50" alt="test" style="vertical-align:middle;"/>        

<div style='display:inline-block; vertical-align:top;'> 
    <span style='display:inline-block;vertical-align:middle;'>This text is fine. <br />This text is not.
</div>

这篇课文很好
此文本不是。

这里是CSS中对齐几乎所有内容的最佳方法

.centrado-vertical{
  position: relative;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}

---

我理解。但是，是否所有的文本都可以对齐到中间，而不仅仅是第一行？你能关闭这个文本吗
此文本不是？我试过了。它不起作用：（检查这是否适用于您：