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

回答

相關問題