4

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

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

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

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

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

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

4

3 回答 3

2

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

至于你的其他问题,看看这个答案:Make link in table cell fill the entire row height

于 2012-06-29T01:02:40.963 回答
1

我不确定你想用锚做什么。我有一个用于显示 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' );
于 2012-08-03T06:08:04.407 回答
0

在行的每个 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>
于 2013-09-13T11:54:11.700 回答