如何将div高度设置为td高度？

Question

我有一个

.divHeight {
    height: 40px;
}

<table>
  <tr>
    <td>
      <a href="#deal/{{id}}">
        <div class="text-ellipsis divHeight" style="width:10em">
          <span class="text-cap">{{name}}</span>
        </div>
      </a>
    </td>
  </tr>
</table>

在CSS中：

.divHeight{
    height:40px;
}

我想将div高度设置为td height，而我的td有padding：10px，所以如果我点击该填充区域，我的右键单击功能不起作用。 所以，现在我想实现右键单击<tr>，所以如果我点击tr上的任何地方，它必须右键单击它并提示我“在新标签页中打开”选项。有什么帮助吗？

感谢。

Answer 1

添加CSS：

#tdcontent {
    height: 100%;
}

#text-ellipsis divHeight {
    overflow: auto; /* or overflow: hidden; */
}