我的页面上有一个编辑器（Cleditor jquery 插件）。
默认情况下它可以插入图像，但文本不会换行。我试过vertical-align:top，但没有帮助：
我应该指向什么 css 来让图像被文本包裹起来？您可以尝试在 CLEditor demo page 上的 firebug 中执行此操作
附：我试过float：left，它奏效了。但我应该考虑它是编辑器，用户可以将此图像向右移动（然后它应该是浮动：正确，但是如何捕捉何时切换浮动方向） - 所以我认为应该是另一个决定。
【问题讨论】：
标签： jquery css editor word-wrap
WYSIWYG 编辑器不能替代正确的代码。一些更好的有一个 CSS 下拉菜单，它将使用您自己的样式表，允许您选择图像并选择 float:left（另外您可能还需要一些边距）或一些自定义 CSS 类。
最重要的是，如果你不太小心的话，你最终会得到<b>this<b></b> is bold<b> 这样的东西。总的来说，他们很垃圾。
如果您使用的是标准布局，您可能需要定义类似的内容并允许 CSS 代替编辑器来完成工作。
.article img {
float:left;
margin-right:5px;
margin-bottom:5px
}
当您将此级别的控制权交给不熟练的用户时，您可能会得到意想不到的结果。
如果您对进入 HTML 并进行直接编辑感到满意，您可以使用自定义 CSS 类。
.article img.left {
float:left;
margin-right:5px;
margin-bottom:5px
}
.article img.right {
float:right;
margin-left:5px;
margin-bottom:5px
}
然后你需要在img标签中添加类名：
<img class="left" src="..." />
或
<img class="right" src="..." />
【讨论】：
enter）。如何将 css 代码集成到编辑器的主体中 - 这不是问题，我找到了一种方法。但是如何使图像被文本包裹并从左到右呢？ （对不起我的英语不好）