首頁猿問如何使表中的整行可作為鏈接單擊？

如何使表中的整行可作為鏈接單擊？

操作系統(tǒng)

炎炎設計 2019-07-28 12:27:55

如何使表中的整行可作為鏈接單擊？我使用的是Bootstrap，以下內(nèi)容不起作用：<tbody> <a href="#"> <tr> <td>Blah Blah</td> <td>1234567</td> <td>￡158,000</td> </tr> </a></tbody>

查看完整描述

3 回答

斯蒂芬大帝

TA貢獻1827條經(jīng)驗獲得超8個贊

你不能那樣做。它是無效的HTML。你不能把<a>介于<tbody>和一個<tr>..試一試：

<tr onclick="window.location='#';">
   ...</tr>

在完成任務時，您可能希望使用JavaScript在HTML之外分配單擊處理程序。

反對回復 2019-07-28

紫衣仙女

TA貢獻1839條經(jīng)驗獲得超15個贊

你可以在每個<td>，就像這樣：

<tr>
  <td><a href="#">Blah Blah</a></td>
  <td><a href="#">1234567</a></td>
  <td><a href="#">more text</a></td></tr>

然后你可以用display:block;在錨上使整排可點擊。

tr:hover { 
   background: red; }td a { 
   display: block; 
   border: 1px solid black;
   padding: 16px; }

除非您求助于JavaScript，否則這可能是最優(yōu)的，因為您將得到它。

反對回復 2019-07-28

關注

舉報

0/150

提交

取消

購課補貼
聯(lián)系客服咨詢優(yōu)惠詳情

慕課網(wǎng)APP
您的移動學習伙伴

掃描二維碼
關注慕課網(wǎng)微信公眾號