0

这是一个简单的方法，任何人都知道在 Orchard CMS 中添加内容时如何使文本整齐地围绕图像？

在我看来，它是网页内容的基础，但它是 Orchard 似乎无法处理的唯一“开箱即用”的东西

我确定有一种解决方法可能带有样式标签或其他东西，但我宁愿不实施软糖，以防我在这里遗漏了一些简单的东西

目前，如果我通过首先将“I”光束光标放在文本中间最左边的字符位置 0 来添加图像，则编辑器会生成以下 HTML。注意以粗体显示的图像没有格式化，所以看起来很糟糕。

任何意见表示赞赏

4

1 回答 1

1

你可以做几件事。

首先，当您打开媒体选择器时，会出现一个名为Allignment. 例如Left，如果您选择 ，文本将从图像的右侧换行。如果选择Right，图像将向右移动，文本将从图像左侧换行。

但是，从设计的角度来看，在图像周围环绕文本的首选方式是使用 CSS 样式。

这是您需要从图像右侧换行文本的样式示例：

img {
    float: left;
    padding: 5px;
}

这是从图像左侧包装它的示例：

img {
    float: right;
    padding: 5px;
}

请注意，此样式将有效地应用于站点中的所有图像，并且我在图像周围添加了一些间距。如果您希望它仅应用于特定图像，则需要更改 CSS 选择器以适应您要执行的操作。

要从 Orchard 管理中实际看到这一点，您必须将此样式添加到/Modules/TinyMce/Scripts/themes/advanced/skins/default/content.css浏览器并清除缓存。

要在您的主题上看到这一点，您必须将此样式添加到主题的 CSS 中。

于 2012-10-31T09:29:36.197 回答