2012-11-15 87 views
1

的CELLSPACING我要做到以下幾點:填充旁邊的div,如表

http://s8.postimage.org/k82svi22r/example.gif

僅有的div,CSS。它可以浮動離開單元格,但是Im卡住了間距。我試圖使用邊框,但接着彼此隔開成爲2行。或者標題的顏色超出了邊界......我希望這是一個簡單的方法來做到這一點!

+1

這是容易實現。你可以發佈你嘗試過的嗎? –

+0

我不知道要顯示什麼,只是一堆嵌套的div .... – user893856

+0

你應該仍然顯示它。 SO的重點在於我們能夠幫助您完成您的嘗試,而不是爲我們從頭開始編寫完整的解決方案(儘管有些人會這樣做)。 –

回答

5

有一種簡單的方法,一張桌子。日曆是表格數據的表格,因此可以使用一個表格!

+1

我不知道。每個人都說桌子被摧毀了。 – user893856

+1

不完全OP實際上它取決於我們的需求我們需要桌子,所以我們應該像使用日曆一樣使用,因爲安迪也說日曆是一個表格數據,所以它的罰款...... –

+0

表不折舊。使用表格來佈置網站是不好的做法,而且是非常過時的。但是您並未使用它來佈置網站,您正在將其用於數據表。 – Andy

3

試試這個(這是一個草案)

<html> 
    <head> 
    <style> 
     #root{ 
     width:102px; 
     overflow: auto; 
     border-top : 1px solid black; 
     border-right: 1px solid black; 
     } 
     .cell { 
     width:50px; 
     height: 50px; 
     float:left; 
     border-left: 1px solid black; 
     border-bottom:1px solid black; 
     } 
    </style> 
    </head> 
    <body> 
    <div id="root"> 
     <div class="cell"></div> 
     <div class="cell"></div> 
     <div class="cell"></div> 
     <div class="cell"></div> 
    </div> 
    </body> 
</html>