相关疑难解决方法(0)

是否可以将整个表行包装在<a>标签中？我希望整行成为可点击的链接.

如果我尝试以下操作,链接将在表格的上方和外部呈现:

这个:

<table>
<a href="value_url"><tr><td>value</td><td>value</td></tr></a>
<a href="value_url"><tr><td>value</td><td>value</td></tr></a>
</table>

渲染如下:

<a href="value_url"></a>
<a href="value_url"></a>
<table>
<tr><td>value</td><td>value</td></tr>
<tr><td>value</td><td>value</td></tr>
</table>

我想这样做,以便标签上的可点击区域的大小LI.

我的HTML看起来像:

<li>
 <a href="#">Link</a>
</li>

我在正常激活的表格单元格上有一个onClick(React)处理程序,但是我想维护"在新标签中打开"功能,该功能可以href在标签上为您提供.

当然,尝试将两者结合在一个元素上并不能正常工作:

<td onClick={this.someFunction} href="someLink">
  ...some content
<td>

之前我研究过嵌套在表格单元格中的锚标记跨越整个高度,因此每当右键单击单元格的内容时,我就可以"在新标签中打开"并仍然onClick在表格单元格元素上保留一个处理程序.然而,这里概述了这种方法的各种问题.

TLDR:覆盖会导致其他问题.解决方案存在各种兼容性问

所以我放弃了上面解释的方法./建议的想法？有没有办法在不必使用锚点/ href的情况下选择"在新标签页中打开"？

如何在没有javascript或jquery的情况下用html超链接整个表格单元格？

我试图将href放在td标签本身,但它至少在chrome 18中不起作用

<td href='http://www.m-w.com/dictionary/' style="cursor:pointer">

我有一个表,其中包含可以单击以编辑行的链接(锚点).我希望这些链接被拉伸到包含单元格的整个宽度和高度.我已将它们设置为display: block;所以它们具有全宽:

问题是,我无法使用CSS将它们调到全高.请看我的例子:http://jsfiddle.net/timbuethe/53Ptm/2/.

我基本上有以下几点:

<table>
  <thead>
    <tr>
      <th>Header</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td>
        <a href="..."></a>
      </td>
    </tr>
  </tbody>
</table>

假设表格单元格具有一些宽度和高度,由附加的表格单元格和表格标题元素创建.

我需要锚元素扩展到表格单元格的相同宽度和高度,以便您可以单击单元格中的任何位置以进入链接.如何做到这一点,以便它跨浏览器兼容？

说明将表格单元格设置为具有固定的宽度或高度不是有效选项.

我最近注意到几个网页,以及我自己的一些网页,当它们在Internet Explorer 9中显示时,当它不在Quirks模式时,它会在页面底部呈现一条大约1px的白线.这就像html标签是padding-bottom:1px并包裹在另一个带有白色背景的元素中(但它没有,并且它没有填充).看起来IE9标准和怪癖模式之间的差异在确定包装元素的宽度时会显示,但是在垂直方向上.它也感觉元素的内容被前一个元素推送1px,就像它们的内容一样,但是,不是边距或边框,它们与下一个元素尺寸重叠.

我无法确定究竟是什么原因造成的.有时,一个页面包含2个表,一切都很好.然后你需要添加第三个,然后显示该行.甚至不需要是表btw.

有时候,重置css可以解决它.设置我们在body上链接的相同行高:

body {
    line-height: 1
}
a, links, visited {
    line-height: 1
}

修复它,但并非总是如此.我唯一能做的就是逐个元素检查,禁用/启用它们的css规则直到它消失.

我注意到当有像表,输入,textareas这样的元素时,这个问题更有可能发生.'重置'他们的属性,有时也解决它.

我知道提供代码作为一个例子会更容易,但就像我说的那样,我不能确定它的模式.我可以给你一些网站/网址的例子我注意到这个错误(你必须看看页面的最底部,看看IE和其他浏览器之间的区别,比如Firefox):

casinosdelmundo.info,gatosabido.com.br,espanol.yahoo.com,en.wikipedia.org/wiki/Bruce_Beutler,ea.com/command-and-conquer-4,facebook.com(白色或几乎白色的) bg,用f12,开发人员的工具改变身体背景,你会看到).我在stackoverflow找到了一个例子(因为今天,主页面stackoverflow.com也显示了该行,但是可以改变,因为有时问题出现或在新元素显示或删除时消失):

这个问题有白线: 表格单元格中的链接填充整个行高

这个没有: FireFox 3线高

检查此屏幕截图,如果您仍然没有看到我在说什么:

在已建立的(或非)网站上存在这个问题让我觉得这是一个IE9错误,唯一明确的修复方法总是使用白色背景,所以没有人会注意到白线(尽管这条线仍然存在).但那显然不是最好的选择.我从未在Chrome或Safari中找到此白线.

那么,有没有人遇到同样的问题,并得到了更好的解决方案？

我有一个带有锚标记的表格单元格,我希望锚标记的宽度(和高度)填充包含表格单元格的宽度.直觉似乎对此无效.请帮忙.

HTML:

<table>
    <tr>
        <td class="width_is_100px">
            <a href="http://www.doesnotwork.com"><span class="make_width_100px">Some Text</span></a>
        </td>
    </tr>
</table>

CSS :(不起作用)

.make_width_100px {
    width:100px !important;
}

锚标记仅与文本"Some Text"一样宽.我希望用户能够单击表格单元格内的任何位置并触发链接.请不要使用javascript.