css - 有人可以帮我限制 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 树和/或动态站点上。