如何使页面编辑器相信我？

Question

我希望两个图像并排出现。但是，即使我使用HTML编辑器而不是视觉编辑器，WordPress也会插入元素之间的线路破裂。

我该如何使编辑们相信，如果我不插入线路，我不想要它？

Answer 1

为了避免在两张图片并排发布2张图像时分配对齐的列表或对齐的类别，并将其放在编辑器中的同一条线上，而无需跳过它们之间的任何空间。

例子：

<img src="/wp-content/uploads/your_image.jpg" alt="" class="alignleft" /><img src="/wp-content/uploads/your_image2.jpg" alt="" class="alignright" />

编辑我忘了提到，除非您清除浮子，否则浮动图像后的内容将在图像之间溢出。我加： <div class="clear">&nbsp;</div> 图像之后并添加 .clear {clear:both;} 对我的CSS。

Answer 2

除了@chris_o所说的话，当您在编辑器中选择图片选择左侧，另一个左右。这分别应用了对齐和对齐的类别。

您的主题必须定义CSS课程，如果您有来自供应商的供应商，那么它们的可能性更高，但是如果不是，则只需进入主题编辑器并将其添加到CSS：

.alignleft {float:left;}
.alignright {float:right;}

我还喜欢为我漂浮的图像添加类似的东西，因为测试可能会围绕它们包裹。

img.alignleft, img.alignright {
padding: 5px;
display: inline;
}

显然，您可以添加边距或更换填充以适合您的口味。