2013-06-20 42 views
0

由於某些原因,我的表格在行之間存在巨大差距,我不知道爲什麼。我給自己定的邊距和間距0 ...HTML表格具有隨機間距

表CELLSPACING = 「0」 的cellpadding = 「0」 WIDTH = 「460」 BORDER = 「0」

...但文本之間有巨大的差距。任何想法,爲什麼這應該是?下面是表的樣本...

<table cellspacing="0" cellpadding="0" width="460" border="0"> 
      <tr> 
       <td width="12" rowspan="17"><img src="images/z_spacer.gif" width="10"  height="10" /></td> 
       <td height="30" colspan="2" align="left" valign="top"><p class="heading">A date with...<br /> 
       </p></td> 
       <td width="20" rowspan="17"><img src="images/z_spacer.gif" width="10" height="10" /></td> 
      </tr> 
      <tr> 
       <td width="106" height="20" align="left" valign="top"><p class="bodybold">What?</p></td> 
       <td width="322" height="20" align="left" valign="top"><p class="body">Monday Morning Meeting<img src="images/z_spacer.gif" alt="" width="10" height="10" /></p></td> 
      </tr> 
</table> 

而且我有一些CSS代碼太...

table { 
border: 0 solid #FFFFFF; 
margin: 0; 
padding: 0; 
border-collapse: collapse; 
} 
tr,td { 
border: 0 solid #FFFFFF; 
margin: 0; 
padding: 0; 
} 
+1

我沒有看到任何「隨機」間距。 http://jsfiddle.net/CZMN6/寬度=「460」是什麼使寬度一直跨越。此外,它是非常不推薦使用內聯樣式 – karthikr

+0

是的,所以它是文本上方和下方的間距。表格會持續一段時間,沒有任何邊界,每行之間只有太多的空間。我想讓行彼此靠得更近。這可能嗎? – user2482929

回答

0

額外的空間是對內容的利潤率。嘗試將以下樣式添加到樣式表中

td * { margin: 0px; } 

這將摺疊內容的邊距。根據需要調整值以增加空間。