有人可以幫我限制CSS類的高度並添加一個滾動條嗎？

Question

聽起來很容易，我知道。我告訴客戶，將在5分鐘內完成... 4小時後，它是剛開討厭...

這是當前結構：

<div class="RadWindow"> 
    <table class="rwTable"> 
     <tr class="rwContentRow"> 
      <td class="helpDialog"> Content to be cut off and wrapped</td> 
     </tr> 
    </table> 
</div> 

實際上有幾個款式等在div中，但這些是我應該能夠控制它的方式。我曾嘗試在類.helpDialog上設置高度，最大高度和溢出，但沒有任何反應。

然後我試了一下在<td>：

td.helpDialog 

我又試圖以詳細地規定整個路徑：

.RadWindow table td.helpDialog 

它只是不適合我的工作。任何幫助將不勝感激！

Answer 1

使用額外的div容器來控制佈局。

HTML：

<div class="RadWindow"> 
    <table class="rwTable"> 
     <tr class="rwContentRow"> 
      <td><div class="helpDialog">Content to be cut off and wrapped</div></td> 
     </tr> 
    </table> 
</div> 

CSS：

.helpDialog{ 
    height: 50px; 
    width: 50px; 
    overflow: hidden; 
} 

順便說一句，不超過限定的CSS選擇器。這會減慢您的頁面渲染，特別是在大型dom樹和/或動態網站上。