Q

即使不同的寬度和高度逐個填寫瓷磚

2012-04-13 53 views 0 likes

0

請參考圖像，我認爲一旦你看到意識到問題。即使不同的寬度和高度逐個填寫瓷磚

我用兩種方式測試了這個瓷磚，比如UL，LI列表和DIV集，但都沒有成功。我只是增加了float：left，但正如你所看到的，在第三行中，在高瓦之後，第四行項不會填充空間。

請更改名稱如果不正確的含義和谷歌搜索，但無法找到應該是我的關鍵字要富。請指導我。

enter image description here

2012-04-13 Sameera Thilakasiri

+1

[對齊製品元件]（http://stackoverflow.com/questions/10143103/aligning-article-elements） – 2012-04-13 15:36:21

+2

哪裏HTML的可能重複和你嘗試過的CSS？ – 2012-04-13 15:37:33

+0

這就是爲什麼在側面保留一個空列很重要的原因，因此您可以將長條件向下滑動並一次清除四行。 ...或者我正在想別的東西。 – Blazemonger 2012-04-13 15:41:05

A

回答

2

我用JQuery Masonry設計這樣的。

使用CSS和JQuery一起，你應該很容易得到你想要的東西。

2012-04-13 16:32:36 Samwise

1

html

<table border="1"> 
    <tr> 
     <td></td> 
     <td></td> 
     <td></td> 
    </tr> 
    <tr> 
    <td colspan=2></td> 
    <td></td> 
    </tr> 
    <tr> 
    <td></td> 
    <td></td> 
    <td rowspan=2></td> 
    </tr> 
    <tr> 
    <td colspan=2></td> 
    </tr> 
    <tr> 
     <td></td> 
     <td></td> 
     <td></td> 
    </tr> 
</table>

css

table {background:black;} 
td {background:blue;width:40px;height:40px;}

2012-04-13 18:06:27 Snger

相關問題