容器中的文本的Css在新行上继续并且容器向下扩展我需要吗?

时间:2014-04-27 13:14:47

标签: css html5

正在寻找一种方法让容器中的文本继续在新行上并让容器向下扩展我需要吗?

更新

 <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;
    }

enter image description here

1 个答案:

答案 0 :(得分:0)

听起来你想看看word-wrap:break-word;并确保父元素有height:auto

Demo Fiddle

  

自动换行CSS属性用于指定是否   浏览器可能会破坏单词内的行以防止溢出(in   换句话说,强制包装)当一个其他牢不可破的字符串是   太长了,无法放入其收纳盒中。