Question

图片胜过千言万语。注意最后一行和其余行之间的空格。

enter image description here

这是代码。

<html>
<head></head>
<style type="text/css">
td a {
text-decoration: none;
color: black;
font-size:11px;
font-family: Arial, 
}
</style>
<body>
<table>
    <tr>
        <td width="120px"><a href="#" target="__blank">Now is the time for all good men to come to the aide of their country said the quick brown fox to the lazy cow.</a> <a href="#" target="__blank">Moo</a></td>
    </tr>
</body>
</html>

如果我取出第二个标签并在第一个标签中包含Moo文本，则间距消失。这是怎么回事？

Answer 1

目前您缺少关闭td和table代码。他们可能是个问题。

使用结束标记对我来说很好用：

示例：http://jsfiddle.net/bmNRq/

Answer 2

在我看来，您已将a标记内的字体大小发送到小于默认大小。这意味着两个a标签之间的空格字符以标准字体大小（例如14px）呈现，因此使得它所在的行高于其他标签。

尝试将CSS更改为：

<style type="text/css">
td {
    font-size:11px;
    font-family: Arial, 
}

td a {
    text-decoration: none;
    color: black;
}
</style>

为什么表单元格中有2个href元素时有额外的间距

2 个答案: