用于容器中的文本的Css继续在新的行上，并且容器向下展开是必要的吗？
用于容器中的文本的Css继续在新的行上，并且容器向下展开是必要的吗？
提问于 2014-04-27 13:14:47
寻找一种方式，在一个容器中的文字继续在新的线上，并使容器向下扩展我的必要？
更新
<div class="modal hide fade" id="modalRemoveReserve" style="display:none;">
<div class="modal-header">
<button class="close" data-dismiss="modal">×</button>
<h1>Test</h1>
<div style="border-bottom:1px solid #aaa;"></div>
<br />
<div id="reservesTextContainer">
Text here... lkjasflj fljas fsaj flsjfkd skl
</div>
</div>
<div class="modal-footer">
</div>
</div>
#reservesTextContainer {
width: 150px;
height: auto;
word-wrap: break-word;
border: 1px solid red;
}
回答 2
Stack Overflow用户
回答已采纳
发布于 2014-04-27 13:19:09
不是很正常吗，除非您的div继承了包含在其中的div的高度。
如果您希望容器具有固定的宽度，但是容器的高度随容器内文本的数量而变化，您可以做一些简单的事情，如：
<div class="container">
Some text here
</div>CSS
.container {
width:100px;
}请看这里的jfiddle (您可以添加任意多的文本，容器就会变大)：http://jsfiddle.net/vagish/Ve7Mj/
如果您的容器在一个有固定高度的div内，那么您可能会有问题。你得让那个容器有不同的高度。使高度的变化可以下降的CSS height:auto;。
此外，您也可以通过使用CSS执行以下操作来使容器溢出中的文本溢出(并不是真正推荐的)。
.container {
overflow:visible;
}基于更新代码的问题
更新代码的小提琴显示它可以工作。我还添加了这个CSS函数：
.modal-header {
height:auto;
}
#modalRemoveReserve {
height:auto;
}虽然如果已经设定了固定的高度，它们可能会产生不良的影响。
Stack Overflow用户
发布于 2014-04-27 13:21:08
听起来，您需要查看word-wrap:break-word;，并确保父元素具有height:auto。
演示Fiddle
字包装CSS属性用于指定浏览器是否可以在单词中中断行，以防止溢出(换句话说，强制包装)，当其他不可破坏的字符串太长，无法在其包含的框中容纳时。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/23323882
复制相关文章
相似问题
腾讯云开发者
