我怎样才能让页面编辑相信我呢?

时间:2010-08-22 作者:crenshaw-dev

我希望两个图像并排显示。然而,WordPress在元素之间插入了一个换行符,即使我使用的是HTML编辑器而不是可视化编辑器。

我怎样才能让编辑器相信,如果我不插入换行符,我就不需要它?

2 个回复
最合适的回答,由SO网友:Chris_O 整理而成

为了避免并排发布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" />

Edit我忘了提到浮动图像之后的内容将在图像之间溢出,除非清除浮动。我补充说:<div class="clear">&nbsp;</div> 在图像后添加.clear {clear:both;} 到我的css。

SO网友:Ryan Gibbons

正如@Chris\\u O所说的,当您在图片编辑器中时,请在其中一个上选择Left,在另一个上选择Right。这将分别应用alignleft和alignright类。

您的主题必须定义CSS类,如果您有一个来自供应商的CSS类,它们很可能在那里,但如果没有,只需进入主题编辑器并将它们添加到CSS中即可:

.alignleft {float:left;}
.alignright {float:right;}
我还喜欢为我浮动的图像添加这样的内容,因为测试可能会围绕它们进行;

img.alignleft, img.alignright {
padding: 5px;
display: inline;
}
很明显,你可以增加边距或改变填充物来满足你的口味。

结束

相关推荐