【问题标题】:Cannot get <span> tags working inside hyperlinks无法让 <span> 标记在超链接内工作
【发布时间】:2015-07-06 22:54:38
【问题描述】:

我正在使用一个简单的数据库查询来检查产品数据库中的卷材。我需要整行在悬停(客户端请求)时变大,所以我可以让每个单独的列单独的超链接。我希望我解释得足够好。

我多次在超链接中使用 span 来格式化单个查询结果,但这不起作用。

我正在使用的代码:

while($row = mysql_fetch_array($rs)) {

        // Get the id number of the roll from the array

            $id = $row['id'];

        echo '<a class="stock-results" href="************.php?id='.$id.'">'

            . '<span style="width:300px;">'.$row['rangename'].'</span>'.'<span width="300px">'.$row['rangecolour'].'</span>'.'</a>';

        echo '<br>';    

    };

最终会有四列,但最初只是试图让两列发挥作用。

我尝试将样式添加为一个类,作为标准 html width= 并使用内联 CSS,如图所示。

每列都有一个长超链接,但它无法识别标签以添加我需要的间距。

谁能提出更好的方法来实现这一点?

以上代码的结果...

自然柏柏尔ELISTCLUSRTER2.04M6.58M

希望实现...

自然 BERBER ELISTE 集群 2.04M 6.58M

【问题讨论】:

  • 如果那是一个纯粹的复制/粘贴,那你就有一个致命的错字sapn...

标签: html mysql css


【解决方案1】:

&lt;span&gt; 元素默认是内联元素,所以你不能给它们指定高度或宽度。尝试将display: inline-block; 分配给这些元素,然后它们将接受您的宽度声明。

【讨论】:

  • 谢谢,添加了内联标签并立即工作(尽管有拼写错误。
【解决方案2】:

错字。将您的 &lt;/sapn&gt; 替换为 &lt;/span&gt;

'<span style="width:300px;">'.$row['rangename'].'</sapn>'

【讨论】:

  • 这仅适用于第一个跨度,第二个跨度具有正确的结束标记。尽管如此,即使纠正拼写错误也不能解决问题。
  • 完全正确。我(希望)最终会发现这个错字,但感谢您指出!
  • 我想你已经得到了 Paul 的回答,你必须将显示更改为 inline-block。对不起,我没有阅读你的整个帖子,我只是注意到错字,所以我发布了它。
  • 别担心。如果您没有指出它,我会尝试 Paul 的答案,尽管它是正确的答案,但它仍然无法正常工作.....所以我感谢您,它节省了我宝贵的时间来调试一个愚蠢的错误.
猜你喜欢
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2016-06-01
  • 2016-10-24
  • 1970-01-01
  • 1970-01-01
相关资源
最近更新 更多