如何减少表中的两个空间？ [英] How to reduce space betwwen two trs in table?
本文介绍了如何减少表中的两个空间？的处理方法，对大家解决问题具有一定的参考价值，需要的朋友们下面随着小编来一起学习吧！
问题描述
我这样做请检查并减少两个之间的空间
I have done this please check and reduce space between two trs
<html>
<head>
<style type="text/css">
<link rel="stylesheet" href="stylesheet-pure-css.css">
</style>
<style type="text/css">
#lkj:hover {
border-bottom: 3px solid pink;
}
#abc,#xyz
{
display: inline;
}
table {
border-collapse: collapse;
}
</style>
</head>
<body>
<table cellspacing="0"margin:"0" >
<tbody>
<tr height="0">
<div id="abc" style="width:188px; ">
<img id="lkj" src="image.jpg" height="218" width="140">
</div>
</tr>
<tr>
<div id="xyz" style="width:208px;height:20px " align:"center">
<td>
<div class="example">
<div>
<input id="checkbox2" type="checkbox" name="checkbox" value="2">
<label for="checkbox2"><span></span></label>
</td>
<td>
<p><h6>Rs.2300</h6></p>
</td>
<td>
<a href="http://www.google.co.in"><img src="pint.jpg"alt=""width="15" height="11"></a>
<a href="http://www.google.co.in"><img src="fb.png"alt=""width="15" height="11"></a>
</td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
</body>
</html>
推荐答案
这不是两行之间的空格但第二排的高度。在第二个tr中，你保持了图像的高度，增加了整行的高度。或者在Rs.2300之前移除h6和p标签，这将自动设置高度。如上所述，请正确关闭所有html标签。 div标签不能嵌套在tr标签中。请仅在td标签中提及div。
This is not a space between two rows but height of second row. In second tr you have kept height of image which increases height of whole row. Or remove h6 and p tag before Rs.2300 which will set height automatically. And as mentioned above please close all html tag properly. div tag can not be nested in tr tag. Please mention div in td tag only.
这篇关于如何减少表中的两个空间？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！
查看全文
