間距的表格單元格的CSS/JavaScript的/ JQuery的

只是有一個在這裏慘時間..間距的表格單元格的CSS/JavaScript的/ JQuery的

什麼即時試圖做的是有一個網格佈局 - 您可以編輯所需的行/列的數量，以及部分大部分工作正常。但是無論我做什麼，我似乎都無法讓單個細胞正確地進入空間。 Origonally我把它建成了一張桌子 - 但被告知divs可以像桌子一樣行事，並且認爲他們更容易操縱css，但是沒有用。

我碰到的問題是試圖改變單元格的寬度/填充/邊距/等來創建間距，通常會縮略縮略圖的高度/寬度。

也是另一個問題，我是行之間的間距似乎只是隨機有額外的高度沒有reason-

有沒有一種更好的方式去什麼即時試圖做 - 某種簡單的定製網格佈局？或者我怎麼能得到的間距是我想要的方式

背景仍然試圖建立一個基於jquery/javascript的可定製圖像庫，所以我可以創建一個數據庫上傳圖像，因爲我找不到任何東西我很喜歡，繼承人什麼我到目前爲止，如果你的興趣：http://drewswinson.com/DP/

感謝您的時間

來源

2011-04-03 Gazow

@Gazow該網頁看起來不錯。問題是否出現在頁面上？ – 2011-04-03 23:06:17

不確定你的意思，縮略圖都在彼此之上 – Gazow 2011-04-04 00:02:14

@Gazow我不明白。縮略圖排列成兩行，每行有6個圖像。我看起來很好。 – 2011-04-04 00:05:55

HTML：

<table> 
    <tr> 
     <td> <img src="http://placekitten.com/60/100"> </td> 
     <td> <img src="http://placekitten.com/60/100"> </td> 
     <td> <img src="http://placekitten.com/60/100"> </td> 
     <td> <img src="http://placekitten.com/60/100"> </td> 
     <td> <img src="http://placekitten.com/60/100"> </td> 
     <td> <img src="http://placekitten.com/60/100"> </td> 
    </tr> 
    <tr> 
     <td> <img src="http://placekitten.com/60/100"> </td> 
     <td> <img src="http://placekitten.com/60/100"> </td> 
     <td> <img src="http://placekitten.com/60/100"> </td> 
     <td> <img src="http://placekitten.com/60/100"> </td> 
     <td> <img src="http://placekitten.com/60/100"> </td> 
     <td> <img src="http://placekitten.com/60/100"> </td> 
    </tr> 
</table>

CSS：

td { padding:6px; } 
img { border:3px solid white; display:block; }

現場演示：http://jsfiddle.net/simevidas/Rmj3w/

來源

2011-04-04 01:17:46

間距的表格單元格的CSS/JavaScript的/ JQuery的

回答

相關問題