Heim > Web-Frontend > HTML-Tutorial > table 中关于td 的超链接_html/css_WEB-ITnose

table 中关于td 的超链接_html/css_WEB-ITnose

WBOY
Freigeben: 2016-06-24 12:11:20
Original
1395 Leute haben es durchsucht






table 中关于td 的超链接_html/css_WEB-ITnose 一个名字


现在的是第二列只有点击文字才会跳转的。
但是名字不会占满整个列,我需要点击第二列任何空白处都能跳转。
怎么实现?


回复讨论(解决方案)

<td onclick="window.location.href='url';"><a href="">一个名字</a></td>
Nach dem Login kopieren

<!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>
Nach dem Login kopieren


试试

1L的我理解,这种方法也可以的。
2L的没看出啥意思,能说一下嘛?

就是让 a 的高度 宽度 与父td的 宽高一致,那么点击td 的空白(看似是td的空白,其实也是a的部分)就可以触发a了

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage