div标签中的文本溢出

时间:2012-07-27 04:41:13

标签: css html

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

screen ex:当我压缩浏览器宽度时。 enter image description here

1 个答案:

答案 0 :(得分: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)