Question

我正在使用Bootstrap Application主题，我有一个媒体列表，在media-body中文本是用户的输入.... 不幸的是，如果用户输入一个很长的单词，页面就会断开，并出现一个水平滚动条...... 我尝试设置max-width＆amp;身体宽度为100％，并在元素上尝试了不同的自动换行技术，包括：

white-space:pre-wrap;
word-wrap: break-word;
white-space: pre-line; 
overflow: hidden;
display: block;

但没有运气......任何关于为什么包装词不起作用的想法？非常感谢

CSS中的

：

body {

    margin: 0;
    max-width: 100%;
    padding-top: 50px;
    padding-bottom: 20px;
}

页面中的

（为安全起见，某些代码已更改）

<ul class="list-group media-list media-list-stream">
        <li id="43434" class="media list-group-item p-a">

            <div class="media-body">
                <span style="padding-bottom: 5px;" class="pull-right close" onclick="Delete();return false;" aria-hidden="true">&times;</span>
                <span style="white-space: pre-wrap;">text</span><br/>
                <small class="text-muted"><span data-utcdate="date"></span></small>
            </div>
        </li>
</ul>

Word包装在Bootstrap主题中不起作用

0 个答案: