如何移动网站页面上的贝宝按钮答案

【问题标题】：how to move a paypal button on website page如何移动网站页面上的贝宝按钮
【发布时间】：2014-03-04 01:13:25
【问题描述】：

我正在使用 wordpress.org 建立一个网站。在一个页面上，我有一张图片，图片下方是一行描述，下方是可单击以订购产品的 paypal 按钮。我想将贝宝按钮移动到图像的右侧。我在网上查看过，无法找到如何执行此操作。我正在使用 Theme 2013。我添加了一个 CSS 插件。我对 CSS 不是很了解，但我正在学习。不知道这个软件能不能解决问题。

任何建议将不胜感激。谢谢。

【问题讨论】：

标签： wordpress paypal

【解决方案1】：

在你的页面 HTML 代码中类似的东西应该可以工作：

<div style="float:left;">
<img src="https://yoursite.com/wp-content/uploads/2014/01/your-image.jpg" alt="" width="183" height="276" class="alignnone size-full wp-image-499" />
<span>Caption</span>
</div>

<div>
/* 
your PayPal Code Here
*/
</div>


<div style="clear:both;"></div>


<div style="display: inline-block;">
/* 
your images here
*/
</div>

这里有这些方法的详细解释：

http://learnlayout.com/inline-block.html

第一个 Div 包含您的 Image 并使用左对齐的浮动元素，因此带有 PayPal 代码的 DIV 将显示在“Image Div”的右侧。

【讨论】：

非常感谢！我快到了。贝宝按钮和描述显示在我想要的每个图像的右侧。但是，现在我的图像正在逐步下降页面。例如，如果图像 #1 在第 10 列中，那么它下面的图像 #2 在第 20 列中，而在该图像 #3 的下方在第 30 列中。我缺少什么代码？
如果没有看到您当前的 html 代码，我建议在包含 Image / PayPal 按钮的 Div 和其他图像之间添加一个“clear div”，和/或将您的下部图像包装在一个 div 中和将该 div 样式设置为显示为内联块。更新上面的答案以包括这个。