在CSS的同一行上顯示多行文本和圖像

您是如何做到這一點的？例如，如果我的文本太長，它應該自動換行，但整個文本仍然應該與圖像位於同一行。例如：在CSS的同一行上顯示多行文本和圖像

+------+ 
|image | text, text, text 
|  | and more text 
+------+

這可能嗎？我想：

<img src="http://placehold.it/100" /><span style = "display:inline">text, text, text, text, text, text, text, text, text, text, text, text, text, text, text, text, text, text, text, text, text, text, text, text and more text</span>

但它是所有包裹超過文字下面的圖片和文字都行。

謝謝！對不起，如果我的解釋不清楚，因爲我無法發佈圖像。

來源

2014-10-28 Jinghuang Lim

您可以通過將float:left添加到元素（包括img和文本）來實現此目的。

代碼：

<img style="float:left" src = "image.png" /> 
<span style = "float:left">text, text, text and more text</span>

來源

2014-10-28 10:20:29

雖然這會工作，內聯CSS不建議 – 2014-10-28 10:22:32

刪除顯示：內聯。 – 2014-10-28 10:23:09

由於一些奇怪的原因，這沒有奏效。但是，通過將float：放在我的img上，並完全刪除跨度（只是直接放置文本）的作用。不管怎樣，謝謝！ – 2014-10-29 01:02:35

在CSS的同一行上顯示多行文本和圖像

回答

相關問題