html - 无法让 <span> 标签在超链接内工作

Question

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

我多次在超链接内使用 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，如图所示。

我确实得到了一个与每一列的长超链接，但它无法识别添加我需要的间距的标签。

谁能提出更好的实现方法？

上面代码的结果...

天然柏柏尔 ELISTECLUSRTER2.04M6.58M

希望实现...

天然柏柏尔 ELISTECLUSRTER 2.04M 6.58M

Answer 1

<span>元素默认是行内元素，所以你不能给它们指定高度或宽度。尝试分配 display: inline-block;到这些元素，然后他们将接受您的宽度声明。