vertical align CSS属性

这可能看起来像一个非常简单的问题，但迄今为止它设法阻止我。垂直对齐属性适用于我。但是，在我想沿图像中心运行的文本之后添加
标记时，
标记之后的任何文本都会直接显示在图像下方。vertical align CSS属性

实施例：

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

来源

2012-04-24 Lance

可以关闭文本后面的标签吗？所以 test 这段文字很好。
这段文字不是。？ – Dan 2012-04-24 08:16:04

刚刚尝试过。它不起作用:( – Lance 2012-04-24 08:20:48

检查这是否适用于你：http://jsfiddle.net/jpLcY/ – Terry 2012-04-24 08:33:43

试试这个：

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

来源

2012-04-24 08:20:01 arthur86

这实际上效果很好，谢谢！ – Lance 2012-04-24 08:52:04

你的示例包含标签<br />，其通过定义表示换行。

来源

2012-04-24 08:12:15

我明白，但是，有无论如何，所有的文本可以对齐到中间而不是第一个line？ – Lance 2012-04-24 08:13:32

did you tried text-align：center; – Jack 2012-04-24 08:29:18

这里最好的方式来对准中心CSS几乎所有的东西。

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

来源

2015-06-27 07:45:29 radacina

vertical align CSS属性

回答

相关问题