使用css排列圖像列表

感謝這個組織，我從其他網站獲取了div元素。使用css排列圖像列表

require_once('E:\wamp\www\in.com\components\simple_html_dom.php'); 


$html=file_get_html('http://www.behance.net/samerh/frame'); 
$ret=$html->find("div[id=frame-gallery]"); 
$ret=array_shift($ret); 
echo($ret);

而在該分區的內容是所有圖像，它會顯示在一個單獨的列表，而不是我想要寫它的CSS和JS文件將其安排成3列和10列。

它應該是動態的，就像添加項目的任何新圖像或在該網站上進行的任何更改一樣，它應顯示在我當前的網站中。

請幫我看看在css中如何做這個安排，

在此先感謝。

來源

2010-07-12 saif

+1 @microspino，它只是*我*，與txt發言有問題嗎？ * PLZ * ...不寒而慄。 =/@saif，如果它是動態的，然後 - barring某種jQuery（等）旋轉木馬 - 你不能提前決定你需要多少行*和*列。你可以有一個或另一個，可能是最大的。 – 2010-07-12 21:39:22

我同意所做的評論。學習接受你找到的答案解決你的問題（如果你不知道，通過點擊投票計數下方的複選標記來接受答案）。但是，我會憐憫你。

此解決方案假定圖像寬度相同，出於說明目的，我將說100px寬。你的CSS可能是：

#frame-gallery {width: 330px;} 
#frame-gallery img {float: left; margin: 0 10px 10px 0;}

這應該安排他們在3列與之間10px的間距，並去然而，許多行需要然而，許多圖像加載。將#frame-gallery的width更改爲適合3張圖像的width加上正在應用於它們的任何邊距，填充，邊框等。

來源

2010-07-15 19:33:59 ScottS

使用css排列圖像列表

回答

相關問題