如何在图像上包装文本？

Question

如何使这个长单词（单词的一部分）出现在同一行的图像中？我试过了：

<div style="width:200;background:#00FFFF;word-wrap:break-word;">
 <img src="1.png">ThisIsAveryVeryVeryLongWordNextToTheImage
</div>

Answer 1

使用white-space: nowrap：

<div style="width:200px;background:#00FFFF;word-wrap:break-word;white-space: nowrap;">
  <img src="1.png">ThisIsAveryVeryVeryLongWordNextToTheImage
</div>

同样使用width: 200px，因为width:200在CSS中无效。

<强>更新

<div style="width: 200px; background: #00FFFF; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;">
  <img src="//placehold.it/100x100" />ThisIsAveryVeryVeryLongWordNextToTheImage
</div>

Answer 2

＆＃13;

＆＃13;

<div style="width:200;background:#00FFFF;word-wrap:break-word;word-break: break-all">
  <img src="1.png">  ThisIsAveryVeryVeryLongWordNextToTheImage
</div>

＆＃13;

＆＃13;

＆＃13;