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

Question

请解释我如何在不使用滚动条的情况下在css中查看隐藏的部分，即我的文本的裁剪部分。

例

td { 
    overflow: hidden; 
} 

由于隐藏部分是重要的。表格属性是固定的。

table { 
    table-layout: fixed; 
} 

我想<td>文字扩大，并按照<td>高度。

Answer 1

尝试进行简单的JS脚本

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

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

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