div标签中的文本溢出

Question

每当我最大化窗口（任何浏览器）时，我在div或span标签中键入长字符串，它完全匹配div标签，但是当我最小化它或压缩浏览器宽度时，文本会出来div区域。我只是想知道如何在div区域设置拉伸或压缩的长文本。我尝试了ellipsis，white-space:nowrap ..我找不到任何结果。 还有其他解决方案吗？

screen ex：当我压缩浏览器宽度时。

Answer 1

我希望你想要这样的东西：

SEE DEMO

<强> CSS：

div {
    // Div Styles Without Fixed Width and Height
    background: #ccc;
    padding: 20px;
    border: 1px solid #666;
}​

如果您使用固定高度<div>，则必须定义css属性overflow:auto（内容变化时滚动条显示）或overflow:hidden;（隐藏文字各不相同） ）

SEE EXAMPLE (overflow:auto)

SEE EXAMPLE (overflow:hidden)