在绝对定位的div内部进行文本换行

Question

我有一个绝对定位的div,里面有文字,但它溢出了宽度的边缘.如果我使用溢出:隐藏,则溢出消失.但是,我希望文本在高度范围内包裹多行.

我在这里错过了什么吗？谢谢.

#absolute_div
{
background-color: #8cc63f;
border-top: 1px solid #fff;
border-bottom: 1px solid #fff;
padding: 0px 5px 0px 5px;
width: 44px;
height: 50px;
}

Answer 1

@lorenz; 例如word-wrap,afshin在他的评论中说,你必须在div中包含你必须使用的属性

#absolute_div

    {
        background-color: #8cc63f;
        border-top: 1px solid #fff;
        border-bottom: 1px solid #fff;
        padding: 0px 5px 0px 5px;
        width: 44px;
        min-height: 50px;
        overflow:hidden;
        word-wrap:break-word;
    }

检查这个http://jsfiddle.net/aE8cg/

Answer 2

我用 @alex 的 jsfiddle 示例来（进一步）说明他的观点。

文字换行；但是，您已经设置了高度。刚性的高度会阻止div膨胀，我想这就是你想要的。环绕和填充空间的文本量很大程度上取决于您的 CSSline-height以及font-size您可能应用于容器内容的任何其他 CSS。

在我分叉的小提琴中，我设置了font-size:10px; line-height:1- 得到 5 行文本换行，其余内容由您在声明中设置的高度/宽度参数隐藏。

http://jsfiddle.net/Kbzga/

word-wrap、white-space、overflow:visible可能不是您想要的，除非您不介意 44x50 的绿色框（其中有文本溢出）或滚动条。华泰