一个表格里面的按钮 我想经过这一行的时候才显示出来，怎么设置

### 回答1：
您可以使用 CSS 的:hover 伪类来实现这个效果。具体来说，您可以将按钮的 display 属性设置为 none，然后在表格行上应用:hover 伪类，将按钮的 display 属性设置为 block 或 inline-block，这样当鼠标经过表格行时，按钮就会显示出来。以下是一个示例代码：

HTML:

<table>
  <tr>
    <td>行1</td>
    <td><button class="btn">按钮</button></td>
  </tr>
  <tr>
    <td>行2</td>
    <td><button class="btn">按钮</button></td>
  </tr>
  <tr>
    <td>行3</td>
    <td><button class="btn">按钮</button></td>
  </tr>
</table>

CSS:

.btn {
  display: none;
}

tr:hover .btn {
  display: inline-block;
}

在这个示例中，我们将按钮的 display 属性设置为 none，然后在:hover 伪类中将其设置为 inline-block，这样当鼠标经过表格行时，按钮就会显示出来。

### 回答2：
要实现当鼠标经过表格行时，按钮才显示出来，你可以通过以下步骤进行设置：

1. 添加HTML和CSS代码：首先，在表格的每一行中添加一个按钮，并为该按钮设置一个起始的隐藏状态（display: none）。

2. 使用JavaScript监听事件：使用JavaScript来监测鼠标是否经过表格行。你可以使用鼠标事件，如鼠标进入（mouseover）或离开（mouseout）事件。

3. 在鼠标事件中设置按钮的显示/隐藏状态：当表格行被鼠标进入时，通过JavaScript代码将按钮的显示状态更改为显示（display: block）。当鼠标离开表格行时，将按钮的显示状态更改为隐藏（display: none）。

以下是一个示例的代码片段，用于实现这个效果：

HTML代码：

<table>
  <tr onmouseover="showButton(this);" onmouseout="hideButton(this);">
    <td>表格内容</td>
    <td><button id="button" style="display: none;">按钮</button></td>
  </tr>
  <!-- 其他表格行 -->
</table>

CSS代码：

button {
  /* 设置按钮的样式 */
}

JavaScript代码：

function showButton(row) {
  var button = row.getElementsByTagName("button")[0];
  button.style.display = "block";
}

function hideButton(row) {
  var button = row.getElementsByTagName("button")[0];
  button.style.display = "none";
}

以上代码实现了当鼠标经过表格行时，按钮会显示出来；当鼠标离开表格行时，按钮会隐藏。你可以将其应用到你的表格中，以实现相同的效果。

### 回答3：
在表格中设置按钮只在鼠标经过该行时显示，可以通过编写一些JavaScript代码来实现。

首先，给该表格的每一行添加一个事件监听器，当鼠标悬停在某一行上时触发事件。代码如下：

var table = document.getElementById("myTable");   //通过id获取表格元素
var rows = table.getElementsByTagName("tr");   //获取所有行元素

for (var i = 0; i < rows.length; i++) {
  rows[i].addEventListener("mouseover", function() {
    this.querySelector(".button").style.display = "block";  //显示该行的按钮
  });
  rows[i].addEventListener("mouseout", function() {
    this.querySelector(".button").style.display = "none";  //隐藏该行的按钮
  });
}

其中，".button"是指该行中按钮元素的类名或标签名，根据实际情况进行修改。通过设置.style.display属性为"block"或"none"，来控制按钮的显示和隐藏。

将上述代码放在页面加载完成时的<script>标签中或者外部JavaScript文件中，即可实现当鼠标经过表格某一行时，该行的按钮显示出来。