試圖浮動導航圖像

Question

我已經嘗試了所有我能想到的事情，並在這裏閱讀了很多帖子。我無法弄清楚我的代碼出了什麼問題，可能知道我的運氣很傻。

無論如何，我正在嘗試將4個導航圖像放在一行中，這是我之前完成的，並將它們固定在頁面上。出於某種原因，我遇到了問題。我嘗試過將它們浮起來，我似乎無法讓它們全部排成隊列，我有兩個浮在一條線上，然後是一些文本鏈接，然後接下來的兩個打破並自行浮動。

對不起，如果這太簡單了，我通常不會有這樣的問題。

爲了記錄，我還沒有「固定」它們，我希望它們排在第一位。

這裏是我的代碼：

<div id="Container"> 
 
    <a style="float: left;" href="#"> 
 
    <img src="http://127.0.0.1/wp/wp-content/uploads/2016/06/FirstArrowsLikeACatPagenJewelryPentagramsSilverWiccanNecklaceBracelet.png" alt="FirstArrowsLikeACatPagenJewelryPentagramsSilverWiccanNecklaceBracelet" width="68" height="50" class="aligncenter size-full wp-image-158" 
 
    /> 
 
    </a> 
 

 
    <a style="float: left;" href="#"> 
 
    <img src="http://127.0.0.1/wp/wp-content/uploads/2016/06/PreviousArrowsLikeACatPagenJewelryPentagramsSilverWiccanNecklaceBracelet.png" alt="PreviousArrowsLikeACatPagenJewelryPentagramsSilverWiccanNecklaceBracelet" width="50" height="50" class="alignnone size-full wp-image-161" 
 
    /> 
 
    </a> 
 

 
    <a href="#">1</a> <a href="#">2</a> <a href="#">3</a> 
 

 
    <a style="float: left;" href="#"> 
 
    <img src="http://127.0.0.1/wp/wp-content/uploads/2016/06/NextArrowsLikeACatPagenJewelryPentagramsSilverWiccanNecklaceBracelet.png" alt="NextArrowsLikeACatPagenJewelryPentagramsSilverWiccanNecklaceBracelet" width="50" height="50" class="alignnone size-full wp-image-160" 
 
    /> 
 
    </a> 
 

 
    <a style="float: left;" href="#"> 
 
    <img src="http://127.0.0.1/wp/wp-content/uploads/2016/06/LastArrowsLikeACatPagenJewelryPentagramsSilverWiccanNecklaceBracelet.png" alt="LastArrowsLikeACatPagenJewelryPentagramsSilverWiccanNecklaceBracelet" width="68" height="50" class="alignnone size-full wp-image-159" 
 
    /> 
 
    </a> 
 
</div>

Answer 1

的第一項具有WP類aligncenter，其工作對你想要達到的目標。

第二個之後，確實有三個文本鏈接，它們是內聯的，這也違背了你想要實現的內容。