整齊地整理大陸的圖像

我剪下大洲的圖像並將它們保存爲png文件。我的目標是將它們整齊地組織起來，再加上html，css，bootstrap，無論如何。整齊地整理大陸的圖像

我剪下圖像，以便爲每個大陸創建不同的鏈接。

截至目前我使用bootstrap.css將它們設置在一起，但無法弄清楚html和css讓它們整齊地走到一起。

<div class="row-fluid" > 
    <div class="span12" style="float: none; margin: 0 auto; width: 600px; height: 150px; text-align:center"> 

      <img src="images/NorthAmerica.png" style= "width: 300px; float: left;" /> 


      <img src="images/Europe.png" style="width: 300px; " /> 


      <img src="images/Asia.png" style=" width: 300px; " /> 


      <img src="images/SouthAmerica.png" style=" width: 300px; float: left; " /> 


      <img src="images/Africa.png" style=" width: 300px; " /> 
     </div> 
    </div>

我聽說過使用z-index和position：absolute;但我無法讓他們整齊地在一起。必須有一個工具來組織表格中的圖像，以生成代碼或我希望的東西。（順便說一下，我不想使用svg，因爲這張地圖只有5個鏈接）

謝謝你的建議。

來源

2013-07-27 DDDD

也許你應該保留原始圖像，並創建一個區域地圖。這可能不合時宜，但從時間的曙光開始。 –

你可以做到這一點，而不削減圖像。該技術被稱爲圖像映射。唯一的問題是，你需要知道不同大洲的座標，但是，比你所做的要容易得多。

Here's some reference
A image mapping tool緩解了圖像映射的過程。

來源

2013-07-27 08:13:20 svineet

是的。 [這裏]（http://www.image-maps.com/）。雖然我以前沒用過，但朋友推薦它。 – svineet

太棒了，我花了幾個小時做了svg並將其解析爲.js。然後，我嘗試了過去幾個小時手動切割大陸。什麼一天。感謝您的信息，我只是嘗試了一個快速的圖像映射工具，並獲得了座標代碼。我現在會睡得更好，享受我的週末！：D – DDDD

高興地幫助:) – svineet

整齊地整理大陸的圖像

回答

相關問題