如何移動網站頁面上的貝寶按鈕

我正在使用wordpress.org構建網站。在一個頁面上，我有一張圖片，圖片下方有一行描述，下方有可點擊的貝寶按鈕來訂購產品。我想將貝寶按鈕移到圖片的右側。我在網上查找，無法找到如何做到這一點。我正在使用Theme 2013.我添加了一個CSS插件。我對CSS不太瞭解，但我正在學習。我不知道這個軟件是否可以做到這一點。如何移動網站頁面上的貝寶按鈕

任何建議，將不勝感激。謝謝。與此類似

來源

2014-03-04 Donna Greene

的東西在你的網頁的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握着你的圖片和用途float元素左對齊，以便帶有PayPal代碼的DIV將顯示在'Image Div'的右側。

來源

2014-03-04 02:13:12 KhushApps

非常感謝！我快到了。按照我的意願，貝寶按鈕和說明顯示在每張圖片的右側。但是，現在我的圖像正在逐步降低頁面。例如，如果圖像＃1在列10中，則在其下面，圖像＃2在列20中，並且在圖像＃3下面在列30中。我缺少什麼代碼？ –

如果沒有看到您當前的html代碼，我會建議在保存Image/PayPal按鈕的div和其他圖像之間添加一個「清晰div」，和/或將較低圖像包裝在div中，並將div樣式設置爲顯示爲一個內聯塊。更新上面的答案以包含此內容。 – KhushApps

如何移動網站頁面上的貝寶按鈕

回答

相關問題