【发布时间】：2020-06-29 01:37:14
【问题描述】：
我需要删除 html 表格中文本前后的空格，但它似乎不适用于我（在右侧的前两行中）！我能做些什么来解决这个问题。你可以在下面找到我的代码，我希望有一个表格，行之间没有巨大的空格。
代码：
<table style=" width: 307.15pt; border-collapse: collapse; table-layout: auto;
">
<tbody>
<tr>
<td rowspan="5" style="width: 154.6pt;
border-right: 2.25pt groove windowtext; padding: 5.4pt;
vertical-align: middle; text-align:center;">
<img height="100" src="/SigEditorHelper/GetEImage?ImgName=Webpnet-resizeimage1.jpg"
width="180" /></td>
<td style="width: 152.55pt; padding: 0in 5.4pt;
vertical-align: top;">
<p style="margin: 0in; margin-bottom: 0.0001pt
;text-align: center; line-height: 105%;"
><font face="Ford Antenna Regular, serif">
<span style="font-size: 19px;">(!DisplayName!)</span></font></p>
</td>
</tr>
<tr>
<td style="padding-bottom:6px; width: 152.55pt; padding: 0in 5.4pt;
vertical-align: top;">
<p style="margin: 0in; margin-bottom: .0001pt;
text-align: center; line-height: 105%;">
<font color="#a6a6a6" face="Ford Antenna Regular, serif">(!Position!)</font></p>
</td>
</tr>
<tr>
<td style="width: 152.55pt; padding: 0in 5.4pt 0in 5.4pt; ">
<p style="margin: 0in; margin-bottom: .0001pt; line-height: 105%;">
<span style="font-size: 11px; line-height: 105%;
font-family: 'Ford Antenna Regular',serif;">M (!Mobile!)</span></p>
</td>
</tr>
<tr>
<td style="width: 152.55pt; padding: 0in 5.4pt 0in 5.4pt; ">
<p style="margin: 0in; margin-bottom: .0001pt; line-height: 105%;">
<span style="font-size: 11px; line-height: 105%;
font-family: 'Ford Antenna Regular',serif;">T (!Phone!)</span></p>
</td>
</tr>
<tr>
<td style="width: 152.55pt; padding: 0in 5.4pt 0in 5.4pt;">
<p style="margin: 0in; margin-bottom: .0001pt; line-height: 105%;">
<span style="font-size: 11px; line-height: 105%;
font-family: 'Ford Antenna Regular',serif;">P.O. Box 31279</span></p>
</td>
</tr>
<tr>
<td style="width: 154.6pt;
border-right: groove windowtext 2.25pt; padding: 0in 5.4pt 0in 5.4pt;
">
<p style="margin: 0in; margin-bottom: .0001pt; text-align: center;
line-height: 105%;"><span style="font-size: 11px; line-height: 105%;
font-family: 'Ford Antenna Regular',serif;">Naseejco.com</span></p>
</td>
<td style="width: 152.55pt; padding: 0in 5.4pt 0in 5.4pt; ">
<p style="margin: 0in; margin-bottom: .0001pt; line-height: 105%;">
<span style="font-size: 11px; line-height: 105%;
font-family: 'Ford Antenna Regular',serif;">Saudi Arabia, Jeddah, 21497</span></p>
</td>
</tr>
</tbody>
</table>
结果：
【问题讨论】：
-
您还有其他 CSS 吗？如果是，请用它编辑问题。另外，您是否使用任何填充？如果是这样，那也可能是原因。
-
不是所有的 CSS 都包含在 html 中。
-
尝试减少填充。这可以帮助摆脱空间。您还可以更改字体大小。让我知道它是否有效。
-
即使在减少填充之后，文本后仍然有空格。我该如何控制它？
-
其实我觉得可能是行高。我只是改变了它，我想我让它缩小了一点，但它也可能只是我的浏览器，所以尝试将
line-height: 105%更改为更小的东西。