间距的表格单元格的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的

回答

相关问题