javascript - 保持图像位置和正确的流动

Question

<div style="width: 400px" contenteditable="true">
abc abc abc abc abc abc abc abc abc abc abc abc abc abc abc 
(...) 
abc abc abc abc abc abc abc abc abc abc abc abc abc abc abc 
<img src="pic.jpg" style="display: block" />
abc abc abc abc abc abc abc abc abc abc abc abc abc abc abc 
(...) 
abc abc abc abc abc abc abc abc abc abc abc abc abc abc abc 
</div>

当用户在图像和新行创建之前编辑文本时(因为 文本换行)图像变低。我可以设置图像不改变吗 位置和文本(和其他内容)仍然正确 流图像？我只需要 chrome。如果不可能可以 你告诉我如何使用 java 脚本来做的最好方法？ 谢谢帮助!

问候， 联合体

Answer 1

在我看来你会想要这个，填充是可选的，但通常是可取的。

<img src="pic.jpg" style="float:left; padding:0 10px 10px 0;" />