CSS-让一个div显示尽可能多的文本，而不会发疯

我一直在使用jQuery的对话框控件为tinyMCE编辑器创建拼写检查对话框。我这样做的原因是因为我们的用户有触摸屏，而默认的点击word/点击替换方法太麻烦了

我终于找到了拼写检查对话框，一切正常

然而，如果受到刺激，我显示文本的div可能会以两种不同的方式发疯

例如，下面是我希望它工作的对话框。在ie7中看到在这里工作。

在ie8或任何更新的浏览器中查看，情况就大不相同了。

另一个问题是，如果用户输入了一个长得离谱的单词，我的按钮就会被推开！见ie7。

我应该查看什么样式属性来控制这个div

编辑：

---

很好，它看起来像是溢出：隐藏也解决了第二个问题。

我没有把按钮推到一边，但是第一个问题，文本溢出div，可以通过

.SpellCheckDiv {
  overflow: hidden;
}

---

假设有其他方式滚动，否则使用溢出：滚动

我没有把按钮推到一边，但是第一个问题，即文本溢出div，可以通过

.SpellCheckDiv {
  overflow: hidden;
}

假设有其他方式滚动，否则使用溢出：滚动

尝试添加

overflow: scroll

或

到容器textarea的样式标记

这将在第一个大小写中添加滚动条或隐藏溢出的文本。

尝试添加

overflow: scroll

或

到容器textarea的样式标记

这将在第一个案例中添加滚动条或隐藏溢出文本。

溢出属性将帮助您。关于您的代码：

.SpellCheckDiv
    {
        height: 100px;
        width: 318px;
        border: 2px solid black;
        word-wrap: break-word;
        overflow: scroll;
    }

它表示当出现文本溢出，即它不适合当前窗口大小时，它应该自动滚动

这是代码。

溢出属性应该对您有所帮助。关于您的代码：

.SpellCheckDiv
    {
        height: 100px;
        width: 318px;
        border: 2px solid black;
        word-wrap: break-word;
        overflow: scroll;
    }

它表示当出现文本溢出，即它不适合当前窗口大小时，它应该自动滚动

---

这是代码。

此行为的原因是您的div高度为100px，并且您的内容超出了100px的限制 使用溢出：自动；在你的.SpellCheckDiv类中

溢出：隐藏；-如果你不需要滚动条 您可以使用overflow-x:{scroll | auto | hidden}和overflow-y:{scroll | auto | hidden}甚至控制垂直和水平滚动条。CSS 3 您可以在这里测试不同溢出行为的结果

---

这种行为的原因是您的div高度为100px，而您的内容超过了100px的限制 使用溢出：自动；在你的.SpellCheckDiv类中

溢出：隐藏；-如果你不需要滚动条 您可以使用overflow-x:{scroll | auto | hidden}和overflow-y:{scroll | auto | hidden}甚至控制垂直和水平滚动条。CSS 3 您可以在这里测试不同溢出行为的结果