如何查看溢出：隐藏的项目

Question

请解释如何在不使用css中的滚动条的情况下看到隐藏的部分是文字的裁剪部分。

示例

td {
  overflow: hidden;
}

因为隐藏的部分很重要。表属性是固定的。

table {
  table-layout: fixed;
}

我希望<td>文字展开并遵循<td>高度。

Answer 1

尝试制作简单的js-script

＆＃13;

＆＃13;

var a = document.querySelector(".yourClass");
a.addEventListener("click",function(event){
  event.preventDefault();
  a.classList.toggle("yourClass--show");
});

＆＃13;

/*class you wanna display*/
.yourClass {
overflow:hidden;
}

.yourClass--show {
overflow: visible;/*or smth you want*/
}

＆＃13;

＆＃13;

＆＃13;