css - div标签中的文本溢出

Question

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

屏幕前：当我压缩浏览器宽度时。

Answer 1

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

看演示

CSS：

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

如果您使用固定高度，<div>那么您必须定义一个 css 属性overflow:auto（以便在内容变化时出现滚动条），或者overflow:hidden;（隐藏文本变化）

查看示例（溢出：自动）

查看示例（溢出：隐藏）