Maison >interface Web >tutoriel HTML >table 中关于td 的超链接_html/css_WEB-ITnose
table 中关于td 的超链接_html/css_WEB-ITnose
- WBOYoriginal
- 2016-06-24 12:11:201371parcourir
| 一个名字 |
现在的是第二列只有点击文字才会跳转的。
但是名字不会占满整个列，我需要点击第二列任何空白处都能跳转。
怎么实现？
回复讨论(解决方案)
<td onclick="window.location.href='url';"><a href="">一个名字</a></td>
<!DOCTYPE HTML><html> <head> <meta charset="gb2312" /> <title></title> <style> td { border:1px solid red; font-size:12px; } .test a{ display:inline-block; width:100%; height:100%; } </style> </head> <body> <table> <tr> <td><a><img alt="table 中关于td 的超链接_html/css_WEB-ITnose" ></a></td> <td class="test" width="100" style="max-width:90%"><a href="">一个名字</a></td> </tr> </table> </body></html> 试试
1L的我理解，这种方法也可以的。
2L的没看出啥意思，能说一下嘛？
就是让 a 的高度 宽度 与父td的 宽高一致，那么点击td 的空白（看似是td的空白，其实也是a的部分）就可以触发a了
Déclaration：
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Article précédent：菜单导航_html/css_WEB-ITnoseArticle suivant：JS写出一个正方体后如何在各个面上显示网页_html/css_WEB-ITnose