如何改變分辨率，如何居中居住的一組divs

-2

我必須爲學校建立一個網站，我想知道如何將這些div對齊到中心，以便它們之間的距離不管你做什麼，現在都保持不變，但是當你放大瀏覽器窗口時，它們將作爲一組保持居於頁面底部。誰能幫我？如何改變分辨率，如何居中居住的一組divs

<div id="thing 1"> 
    <div style="position: absolute; bottom: 0px; left: 220px; width: 300px;"> 
    <img border="0" src="thing 1" alt="awesome thing 1" width="296,4" height="464,5"> 
</div> 

<div id="thing 2"> 
    <div style="position: absolute; bottom: 0px; left: 470px; width: 300px;"> 
    <img border="0" src="thing 2" alt="awesome thing 2" width="228" height="357,3"> 
</div> 

<div id="thing 3"> 
    <div style="position: absolute; bottom: 0px; left: 700px; width: 300px;"> 
    <img border="0" src="thing 3" alt="awesome thing 3" width="90" height="400"> 
</div> 

<div id="thing 4"> 
    <div style="position: absolute; bottom: 0px; left: 820px; width: 300px;"> 
    <img border="0" src="thing 4" alt="awesome thing 4" width="200" height="380"> 
</div>

來源

2013-12-23 user3129800

你在你的div id之後沒有關閉'>'。這只是一個側面說明。 – Morpheus

@FLCL我建議你不要編輯關閉的'>'。作者或其他訪問者不會從這種可能的錯誤中學習。意向是好的。 – kleinfreund

@Tip_Top首先，編輯其他帖子不應刪除原作者所犯的重大錯誤。這可能是問題。在這種情況下，它不是，但誰知道？只要留下像Morpheus這樣的信息，讓作者修理他的東西。 – kleinfreund

所有你需要做的就是離開圖像在一個DIV並添加text-align: center造型吧：

HTML：

<div id="thing_1"> 
    <img border="0" src="thing 1" alt="awesome thing 1" width="296,4" height="464,5"> 
    <img border="0" src="thing 2" alt="awesome thing 2" width="228" height="357,3"> 
    <img border="0" src="thing 3" alt="awesome thing 3" width="90" height="400"> 
    <img border="0" src="thing 4" alt="awesome thing 4" width="200" height="380"> 
</div>

CSS：

#thing_1 { 
    text-align: center; 
}

Example

來源

2013-12-23 14:40:39 Morpheus

感謝您的建議編輯@kleinfreund – Morpheus

非常感謝Morpheus和@kleinfreund，這正是我所期待的，我的代碼現在看起來更好。你們是最棒的！ – user3129800

@ user3129800歡迎您:) – Morpheus

.mydivs { 
    display: inline-block; 
    margin: auto; 
    width: 50px; /*some fixed width*/ 
} 

/* centered equidistantly */

來源

2013-12-23 14:32:16

我可能只是啞巴，但我把它放在我的風格部分，沒有發生任何反彈。我應該做其他事情嗎？ – user3129800

不可能這樣回答，讓一個JSFiddle –

itcouldevenbeaboat假設你知道該怎麼做。 '.mydivs'是一個類選擇器，但是你沒有在你的html中應用任何類。如果你添加'class =「mydivs」'給你的div，就像你使用ID一樣，它可以正常工作。 – kleinfreund

如何改變分辨率，如何居中居住的一組divs

回答

相關問題