Firefox 的链接问题答案

【问题标题】：Links issue with FirefoxFirefox 的链接问题
【发布时间】：2011-12-28 10:14:49
【问题描述】：

我已经从数据库中检索了一些数据并添加了一些链接，例如

<?php
echo "<a href='somelink'>" . $fetchedsomething . "</a>";
?>

Firefox 中的输出如下所示：

带下划线的链接中有空白区域，而在谷歌浏览器中它显示正确。

【问题讨论】：

我已经从标签中删除了 PHP。你不应该在这样的问题中发布 PHP 而是 HTML 代码。 PHP在这里无关
您是否在任何情况下都使用border-bottom:1px solid; 以及padding-left 和padding-right 分别为0 以外的其他值？
您在此处的代码工作正常，常规空格不会在 Firefox 和 Chrome 之间造成任何差异。请检查您应用于此链接的 CSS 样式。
@knittl：我也想过这个问题，但是 Firefox 和 Chrome 处理这些样式是一样的。

【解决方案1】：

看起来您的 $fetchedsomething 变量包含空格，请使用 trim 删除它们。（还要确保正确转义输出）

<?php
echo "<a href='somelink'>" . htmlspecialchars(trim($fetchedsomething)) . "</a>";
?>

【讨论】：

【解决方案2】：

我认为您只需要在显示之前做一些trimming。像这样：

<a href="somelink"><?=trim($fetchedsomething)?></a>

如果这不能解决问题，您的问题很可能出在您的 CSS 文件中。

【讨论】：

【解决方案3】：

可能您的变量 $fetchedsomething 有一个前导和结束空间。如果需要，您应该修剪它们。查看生成的 html 代码。

添加

echo "<a href='somelink'>my cool link</a>";

我猜你的链接周围没有多余的空格。

【讨论】：