css – 在绝对定位的div中进行文本换行

前端之家收集整理的这篇文章主要介绍了css – 在绝对定位的div中进行文本换行前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我有一个绝对定位的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;
}

解决方法

我用@ alex的jsfiddle例子来分析(进一步)他正在制作的观点.

文本IS包装;但是,你已经设定了一个高度.一个刚性的高度将使div不会膨胀,这就是我想你想要的.包装和填充空间的文本量很大程度上取决于您的行高,字体大小以及您可能已应用于容器内容的任何其他CSS.

在我分叉的小提琴中,我设置了font-size:10px; line-height:1 – 有5个文本包装线,其余内容由您在声明中设置的高度/宽度参数隐藏.

http://jsfiddle.net/Kbzga/

自动换行,白色空间,溢出:可见可能不是你所追求的,除非你不介意44×50绿色框,文字溢出或滚动条. HTH

猜你在找的CSS相关文章