Question

我正在尝试将整个表格行设置为锚点。我在这里读到，将所有表行内容放在锚标记中并不是一个好习惯，因为html标准不允许这样做。

实现这一目标的最佳策略是什么？

我正在分析在每个表格单元格中放置锚标记的可能性，就像我在这个例子上的.day div所做的那样：http://jsfiddle.net/XdfCp/4/这是一个很好的解决方案吗？

此解决方案的问题是锚点未覆盖所有表格单元格空间。我已经以这种方式配置了锚点，但它没有占用所有的单元格空间：

    #ListaEventosPorMes a{
        display: block;
        width: 100%;
        height: 100%;
        color: White;
    }

我需要的其他行为是在所有行中获取悬停效果，而不是在特定表格单元格锚点上。你有什么想法解决这个问题吗？

Answer 1

IE7以来的所有主流浏览器都支持所有元素的:hover CSS伪类，包括tr，所以你不需要使用锚来设置悬停状态的样式。

至于你的其他问题，请看一下这个答案：Make link in table cell fill the entire row height

Answer 2

我不确定你要用锚点做什么。我有一个表用于显示SQL表的行。当PHP创建表时，它会在每个行标题中插入onclick，并将行的索引作为参数。没有使用锚。

while ($row = mysql_fetch_array($result)) {
    $id = $row['resv_id'];
    $funct_call="Edit_Row($id)";
    echo "<tr " . "onclick=$funct_call" .  " >";
}

onclick函数体是：

var target="./entry_form.php?submit=Edit&resv_id=index_num";
window.open( target.replace("index_num",id),'_self' );

Answer 3

在行的每个td中放入一个锚标记，并在锚标记中放入一个div但是你需要给它一个高度（最好给它一个最小高度，好像需要扩展的内容一样）

.link {
width:100%;
min-height:100px; /**For example**/

}
<tr>
  <td><a><div class="link"></div></a></td>
  <td><a><div class="link"></div></a></td>
  <td><a><div class="link"></div></a></td>
</tr>

表格行作为锚点

3 个答案: