如何查看溢出：隱藏的項目

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*/ 
 
}