我希望两个图像并排显示。然而,WordPress在元素之间插入了一个换行符,即使我使用的是HTML编辑器而不是可视化编辑器。
我怎样才能让编辑器相信,如果我不插入换行符,我就不需要它?
我希望两个图像并排显示。然而,WordPress在元素之间插入了一个换行符,即使我使用的是HTML编辑器而不是可视化编辑器。
我怎样才能让编辑器相信,如果我不插入换行符,我就不需要它?
为了避免并排发布2幅图像时出现换行,请为它们指定alignleft或alignright类,并将它们放在编辑器中的同一行上,而不跳过它们之间的任何空格。
示例:
<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"> </div>
在图像后添加.clear {clear:both;}
到我的css。正如@Chris\\u O所说的,当您在图片编辑器中时,请在其中一个上选择Left,在另一个上选择Right。这将分别应用alignleft和alignright类。
您的主题必须定义CSS类,如果您有一个来自供应商的CSS类,它们很可能在那里,但如果没有,只需进入主题编辑器并将它们添加到CSS中即可:
.alignleft {float:left;}
.alignright {float:right;}
我还喜欢为我浮动的图像添加这样的内容,因为测试可能会围绕它们进行;img.alignleft, img.alignright {
padding: 5px;
display: inline;
}
很明显,你可以增加边距或改变填充物来满足你的口味。