Html CSS问题：如何在a<；表>；由垂直触摸的图像组成？_Html_Css_Dhtml

Html CSS问题：如何在a<；表>；由垂直触摸的图像组成？

html css

Html CSS问题：如何在a<；表>；由垂直触摸的图像组成？,html,css,dhtml,Html,Css,Dhtml,在页面中，我有一个由JavaScript生成的每个单元格中的一个组成的表。我应用了以下CSS： .game, .game td, .game tr, .game img { border: none; border-spacing: 0; padding: 0; margin: 0; } 以消除所有间距。然而，现在我得到了两个相邻行之间的一条很薄的间隔背景线。我怎样才能消除它该页面是有效的XHTML+CSS 谢谢你的帮助问候, .将cellpadding=“0”和cell

在页面中，我有一个由JavaScript生成的每个单元格中的一个组成的表。我应用了以下CSS：

.game, .game td, .game tr, .game img
{ 
  border: none;
  border-spacing: 0;
  padding: 0;
  margin: 0;
}

以消除所有间距。然而，现在我得到了两个相邻行之间的一条很薄的间隔背景线。我怎样才能消除它

该页面是有效的XHTML+CSS

谢谢你的帮助

问候,

将cellpadding=“0”和cellspacing=“0”属性添加到表中，或尝试使用

border-collapse: collapse; 
border-width: 0;

在css中..

已修复：

.game, .game td, .game tr, .game img
{ 
  border: none;
  border-spacing: 0;
  padding: 0;
  margin: 0;
  vertical-align: middle;
}

图像有自己的空白

我可以通过以下代码获得您想要的效果：

代码描述了四个相邻的纯色JPEG，形成一个正方形，中间没有空格：

<html>
<head>
    <style>
        td { margin 0px; padding: 0px;}
        table { border-collapse:collapse;}
    </style>
</head>
<body>
    <table>
        <thead />
        <tbody>
            <tr><td><img src="test.jpeg" /></td><td><img src="test.jpeg" /></td></tr>                   
            <tr><td><img src="test.jpeg" /></td><td><img src="test.jpeg" /></td></tr>
        </tbody>
    </table>
</body>


td{margin 0px；padding:0px；}
表{边框折叠：折叠；}

问题是：内联图像被视为一个字母，上升=图像高度，下降=字体下降。这意味着仅包含图像的表格单元格的高度大于图像高度

最简单的解决方法是将整个表格的行高设置为零，从而抑制文本行的下降，或者为所有图像设置display:block，从而将它们从内联格式上下文移到块格式上下文。

我在CSS中添加了边框折叠和边框宽度属性，但仍然不起作用。那么cellpadding和cellspacing属性呢？

<html>
<head>
    <style>
        td { margin 0px; padding: 0px;}
        table { border-collapse:collapse;}
    </style>
</head>
<body>
    <table>
        <thead />
        <tbody>
            <tr><td><img src="test.jpeg" /></td><td><img src="test.jpeg" /></td></tr>                   
            <tr><td><img src="test.jpeg" /></td><td><img src="test.jpeg" /></td></tr>
        </tbody>
    </table>
</body>