如何在HTML表格减少行距

它似乎并没有被不同的要求，但就是无法完成它，这是我的html页面：http://www.xiexianhui.com/baxjoomla15/index0.html 如何在HTML表格减少行距

如果打开页面，并检查源代码，你会看到：

tr.spaceUnder > td 
{ 
    padding-bottom: -0.5em; 
}

这是用来控制表中的行之间的间距。如果我需要更多的空间，它会正常工作，但如果我需要更少的空间，则无法工作。如何减少我的页面空间？

在某些情况下，我还需要将图像重新设置大小，我该怎么做？

来源

2012-06-20 mdivk

padding不能为负数。将其设置为0，尝试将cellpadding=0 cellspacing=0添加到您的<table>标记，例如 <table cellspacing=0 cellpadding=0>...</table> 将其应用于每个表。然后，将margin: 0; padding: 0;应用于每个表格的样式。顺便说一句，我建议你显示td标签没有图像，1像素边框宽度，以适应他们完全一样，你喜欢。然后，当他们很好时，你可以添加图像。

如果希望每个图像以适应单元格正好，你需要有自己的宽度和完全相同的针对每个小区的因为行/列的高度/宽度得到最大元素的值在行/列中，除非您手动设置。

UPDATE 尝试下一行适用于您的代码：

$("img").each(function(){ this.style.padding = 0; this.style.margin = 0; }) 
$("td").each(function(){ this.style.padding = 0; this.style.margin = 0; })

这使我们有点接近预期的结果。

来源

2012-06-20 18:22:09

谢谢，它仍然显示不正确，只是比以前少了一点空间，我已经更新了现场版本，以便您自己看看。 – mdivk

对不起，但我看不出有什么区别......你是否遵循了我所建议的所有步骤？ –

可调整大小意味着：当用户从较小的屏幕或更大的屏幕打开此页面时，图像的大小会自动调整。一个极端的例子是，如果用户使用手机查看网页/网站，该手机的屏幕会小得多 – mdivk

您的td元素中包含table元素。相反，具有3个表，你应该有1

要删除表的默认间距，你应该做的：

<table cellpadding="0" cellspacing="0">

您应该从TD元素删除表，因为他们似乎毫无意义。就像这样：

<table width="780" border="0" align="center" cellspacing="0" bordercolor="#000000" id="content" name="content"> 
    <tr class="spaceUnder"> 
     <td width="300"><img src="1930.png" width="300" height="130" /></td> 
     <td width="150"><img src="1931.png" width="149" height="130" /></td> 
     <td width="150"><img src="1930.png" width="149" height="130" /></td> 
     <td width="300"><img src="1651.png" width="300" height="130" /></td> 
     </tr> 

    <tr class="spaceUnder"> 
    <td width="150"><img src="1931.png" width="149" height="130" /></td> 
     <td width="150"><img src="1931.png" width="149" height="130" /></td> 
     <td width="300"><img src="1930.png" width="300" height="130" /></td> 
     <td width="150"><img src="1931.png" width="149" height="130" /></td> 
     <td width="150"><img src="1931.png" width="149" height="130" /></td> 
    </tr> 
</table>

来源

2012-06-20 18:28:18

不，我必须在一张桌子内使用两张桌子：因为正如你所看到的，两行中有不同数量的房间，把它们放在一张桌子上是行不通的。 – mdivk

如何在HTML表格减少行距

回答

相关问题