翻轉表顯示CSS隱藏的跨度類文本

我有一個<tr>類，在用鼠標翻轉整行時，我希望一些單元格中包含的文本出現。如果可能的話，這可以用CSS來完成，以及如何使整個表格行的滾動顯示先前隱藏在其中一個單元格中的文本，這同樣適用於其中具有單元格的任何其他行與他們自己的隱藏文本在一個單元格內。我知道它可能需要jQuery才能完成此操作，但如果可能的話，只需純CSS就可以。翻轉表顯示CSS隱藏的跨度類文本

下面是一個例子，在向孩子表明論壇論壇名稱翻車：http://www.kanyetothe.com/forum/

來源

2013-09-16 Steven Ellen Starar

它可以很容易地實現CSS。

<!DOCTYPE html> 
<html lang="en"> 
<head> 
    <meta charset="UTF-8"> 
    <title></title> 
</head> 
<body> 

<style> 
    .hidden { 
     display: none; 
    } 

    tr:hover .hidden { 
     display: block; 
    } 
</style> 

<table> 
    <tr> 
     <td>Row 1 Column 1</td> 
     <td class="hidden">Row 1 Column 2</td> 
     <td>Row 1 Column 3</td> 
    </tr> 
    <tr> 
     <td>Row 2 Column 1</td> 
     <td class="hidden">Row 2 Column 2</td> 
     <td>Row 2 Column 3</td> 
    </tr> 

</table> 

</body> 
</html>

來源

2013-09-16 15:09:03

哇，謝謝！完善！ –

翻轉表顯示CSS隱藏的跨度類文本

回答

相關問題