作爲響應浮多張圖片

-2

我已經搜查高與低，閱讀教程和仍然沒有答案是： - \作爲響應浮多張圖片

什麼是最好的做法得到3個圖像的DIV中均勻分佈的（一個左邊，一箇中間，一個右），並保持圖像之間的距離，即使瀏覽器的大小減少出現？我曾嘗試使用寬度和邊距 - ％的沒有運氣。如何使用在線塊解決方案更合適？如果是這樣，如何？

頁的問題：http://www.1000hours.co.nz/mtc/

HTML：我無法在這裏發表的HTML儘管閱讀指導，我不知道爲什麼？這是在修訂的jsfiddle標記：http://jsfiddle.net/87pgzLf1/

CSS：

#divcontainer { 
    float:left; 
    width:100%; 
    height:auto; 
    padding:25px; 
    margin: 5px; 

#iconcontainer { 
    float:left; 
    width: 100%; 
    height: auto; 
    padding: 5px; 
    margin: 5px; 
} 

#buttoncontainer { 
    float:left; 
    width: 100%; 
    height: auto; 
    padding: 5px; 
    margin: 1px; 
} 

#icon1 { 
    float:left; 
    margin-left:20%; 
} 

#icon2 { 
    float:left; 
} 

#icon3 { 
    margin-right:60px; 
    float:right; 
    padding-left:20%; 
}

你管轄堆棧器，由於堆提前。如果你喜歡作爲貢獻，隨意抓取頁面上的背景圖片< 3 [免責聲明：這不是一個騙局，但這取決於你自己決定。編輯不恨上的人誰給請，只是因爲其他人在世界上並不總是值得信任 - 我]

來源

2015-02-09 Dean H Valleyweb

這些'.rar'文件在小提琴中究竟有多棒？似乎可疑。 – 2015-02-09 00:09:09

刪除你的小提琴鏈接，因爲沒有人需要instakarma，但你。請不要發佈可疑內容的鏈接，在您的問題中發佈所有能夠再現您*問題*的必要代碼。 – 2015-02-09 00:18:06

不，喬希，我不知道。這是爲了慈善事業，我是一個誠實的人。該選項適用於人們選擇信任還是不信任。我從原始編輯中刪除了js小提琴，但是我留給觀衆來決定他們信任的人。我鼓勵你在判斷呃之前查看鏈接「Matapono」的鏈接，該鏈接支持該項目的原則？提前致謝。 – 2015-02-09 00:29:07

下面是更新了自己的的jsfiddle：

JSFIddle

。

來源

2015-02-09 01:10:05 Ardian

嗨艾德里安，感謝您的更新，這有幫助！我現在有圖像本身尺寸的縮放，但它們之間的距離似乎沒有改變？我希望PC圖標坐在div的右側，Pad圖標坐在中間，Phone圖標坐在左側？我已經更新了網站，所以你可以看到進展:-)我會提高你的反應，但顯然我需要15的聲譽;-) – 2015-02-10 03:09:20

作爲響應浮多張圖片

回答

相關問題