Question

我想删除行之间和两行文本之间的填充：

 <br />

请参阅以下说明：

http://79.170.44.112/activate-enterprise.co.uk/wp-content/uploads/2014/09/meet-the-team-image.jpg

我的表格html可以在http://jsfiddle.net/63nzsht1/

看到

我的网页可以在以下网址看到：

http://79.170.44.112/activate-enterprise.co.uk/meet-the-team/

文本位于单独的行中（同一单元格中的两行文本）。

非常感谢！

P.S。试过

cellpadding="0" cellspacing="0"

但是我仍然遇到间距问题，认为它必须从其他地方撤出？

Answer 1

在桌子上尝试 cellpadding =“0”cellspacing =“0”属性！

Answer 2

所有主流浏览器都支持cellpadding和cellspacing属性。

 <table cellpadding="0" cellspacing="0" >
  <tr>
    <th>h1</th>
    <th>h2</th>
  </tr>
  <tr>
    <td>m</td>
    <td>m</td>
  </tr>
</table>

Answer 3

导致图像与文本之间存在差异的原因有很多：

由于图像是内嵌显示的，因此内联元素下方的保留间隙为make way for letter descenders。将图像显示为块或更改其垂直对齐以缩小间隙。
默认情况下，您的表格单元格在中间，垂直显示其内容。所以你的文字在中间垂直对齐，而不是顶部。它们也有默认填充，删除它。
默认情况下，您的表格有边框间距，可以使用border-spacing删除

img { display:block; }
table { border-spacing:0; }
td { vertical-align:top; padding:0; }

JSFiddle

Answer 4

尝试添加

padding: 0;
line-height: 12px;

到元素td，其中包含文本（为其定义类）。

http://jsfiddle.net/63nzsht1/10/

Answer 5

table {
    line-height:0.8em;
}
td {
    padding:0;
    margin:0;
    vertical-align:top;
}
img {
    display:block;
}

http://jsfiddle.net/63nzsht1/9/

Answer 6

您需要将填充设置为0px并将行高设置为特定数字：

线条之间的距离将使用线条高度改变。

th, td {
  padding: 0px;
  line-height: 10px;
}

Answer 7

<a href="/cilla/" style=" line-height: 1;">
<span style=" display: block;  line-height: 1.7;">Managing Director</span>
<span style="display: block;"> Cilla McKay</span>
</a>

解决问题的方法之一

减少表格文本之间的填充

7 个答案: