コミュニティ 学ぶ ツールライブラリ レジャー
検索
日本語
ホームページ > ウェブフロントエンド > htmlチュートリアル > 本文

table_html/css_WEB-ITnose の td に関するハイパーリンク

WBOY
リリース： 2016-06-24 12:11:20
オリジナル
1352 人が閲覧しました






名前< /a>

これで、テキストをクリックした場合にのみ 2 番目の列がジャンプします。
ただし、名前が列全体を占めるわけではありません。ジャンプするには、2 番目の列の空白をクリックする必要があります。
それを達成するにはどうすればよいですか？


ディスカッションへの返信（解決策）

<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></a></td>				<td class="test" width="100" height="30"><a href="">一个名字</a></td>			</tr>		</table>	</body></html>
ログイン後にコピー


Try

この方法は1Lでも可能であることがわかりました。

2Lの意味がわからないのですが、説明してもらえますか？

は、a の高さと幅を親 td の幅と高さと一致させ、td の空白スペース (td の空白スペースのように見えますが、実際には a の一部です) をクリックして、

をトリガーする

関連ラベル：
table 中关于td 的超链接
ソース：php.cn
前の記事：メニューナビゲーション_html/css_WEB-ITnose 次の記事：JS_html/css_WEB-ITnoseで立方体を書いた後にWebページを四方に表示する方法
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
著者別の最新記事
最新の問題
特定のクリック イベントをリッスンし、他のクリック イベントを抑制するにはどうすればよいですか? 私の Web アプリケーションには、各行が特定の URL にリンクする HTML テーブルが含まれています: <table><trdata-url="h...
から 2024-04-04 16:55:27
0
1
317
CSS ハイパーリンク スタイル クラスを HTML コードから呼び出すことができないのはなぜですか? ハイパーリンク スタイル用に複数のクラスを作成したいと考えています。ナビゲーション メニュー用の特別なクラスだけでなく、デフォルト クラスも必要です。これは私のCSSコードです: ...
から 2024-04-04 11:20:16
0
2
306
Ajax を使用したコンテンツの生成 - ID までスクロールできない ajax経由で取得したデータに基づいてページコンテンツを生成します。私が抱えている問題は、特定の ID までスクロールしたいときに、スクロールが起こらないか、間違った場所にスクロー...
から 2024-04-04 09:29:39
0
1
397
関連トピック
詳細>
人気のおすすめ
人気のチュートリアル
詳細>
関連するチュートリアル
人気のおすすめ
最新のコース
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート