如何减少表格html中td之间的空间？
我设计一个如下表格。 我需要避免用户名和它的文本框之间的空间，如密码和它的文本框。 请告诉我如何做到这一点？
<table>
<tr>
<td>
UserName
</td>
<td style="text-align:left">
<input id="userName" type="text" value="" placeholder="UserName" />
</td>
</tr>
<tr>
<td>
password
</td>
<td style="text-align:left">
<input id="password" type="text" value="" placeholder="password" />
</td>
</tr>
<tr>
<td colspan="2" style="text-align:left">
<input id="btnsearch" type="button" value="Search" />
</td>
</tr>
</table>
用户名和文本框之间有一些额外的空间，与密码和密码文本框相同。 如何减少它们之间的空间请告诉我。
表元素可以用边界宽度，cellpadding和cellspacing来归因。
所以你可以像这样创建一个表格（其中单位是一个没有长度的数字，意味着不是2像素，而是2）：
<table border="0" cellpadding="0" cellspacing="0">
表的属性列表 ：摘要％文本; 宽度长度; 边框％像素; 框架％TFrame; 规则％TRules; cellspacing％长度; cellpadding％长度;
但是最近的网页设计技术，建议将HTML标记与布局和设计元素分开。 要做到这一点，你将不得不使用CSS。
你可以这样做：
table {border-spacing:0;border-width:0;}
table td {padding:2px;border-width:0;}
有了CSS，你还必须指定边框是否会折叠或分开，女巫会对'border-spacing'产生影响。
table {border-collapse: collapse;}
为了避免一些传统的browswers错误，我邀请你不要在关闭之前留下空白空间</td>例如： <input id="btnsearch" type="button" value="Search"/></td>这是为了变得过时，除非你为老前辈开发）
总结你的情况：
table {border-collapse:collapse;border-spacing:0;border:0 none;}
/* fix padding of TD to suit your needs */
table td {border:0 none;padding:2px;text-align:left;}
你将能够以最简单的方式格式化你的表格：
<table>
<tr>
<td></td>
</tr>
</table>
在你的表格标签中添加一些属性
<table cellSpacing='0' cellPadding='0'>
cellSpacing，cellPadding和border可以帮助您实现这一点：
<table cellSpacing="0" cellPadding="0" border="0" style="border-collapse:collapse;">
<tr>
<td style="text-align:left">
UserName<br/>
<input id="userName" type="text" value="" placeholder="UserName"/>
</td>
</tr>
<tr>
<td style="text-align:left">
password<br/>
<input id="password" type="text" value="" placeholder="password"/>
</td>
</tr>
<tr>
<td colspan="2" style="text-align:left">
<input id="btnsearch" type="button" value="Search"/>
</td>
</tr>
</table>
如果你需要他们紧紧地贴着把它们放在同一个TD，并通过执行换行符<br/> 。