javascript - 如何在 bootstrap 中自动换行

我正在设置“可溢出滚动”选项。我想将此溢出选项设置为仅y滚动，如果x内容溢出，则换行。

我应用“空白”。但是，不适用。

<ul class="sidebar-menu scrollable" style="height: calc(100% - 130px);">
    <li class="nav-item">
        <a class="sidebar-link">
            <span class="title">
                <div id="desc-viewer" class="desc-viewer" style="">
                     <!-- markdown datas... -->
                     <!-- example data -->
                     <pre class="prettyprint linenums">
                        <code>
                        Test syntax! Test syntax! Test syntax! Test syntax! Test syntax!
                        </code>
                     </pre>
                </div>
             </span>
        </a>
    </li>
</ul>

这段代码的结果是创建overflow-x滚动。

最佳答案

您可以使用word-break属性。

.alas {
  word-break: break-all;
}

<p class="alas">Hi,Thisisme.Hi,Thisisme.Hi,Thisisme.Hi,Thisisme.Hi,Thisisme.Hi,Thisisme.Hi,Thisisme.Hi,Thisisme.Hi,Thisisme.Hi,Thisisme.Hi,Thisisme.Hi,Thisisme.Hi,Thisisme.Hi,Thisisme.Hi,Thisisme.Hi,Thisisme.Hi,Thisisme.Hi,Thisisme.Hi,Thisisme.Hi,Thisisme.Hi,Thisisme.Hi,Thisisme.Hi,Thisisme.Hi,Thisisme.Hi,Thisisme.Hi,Thisisme.Hi,Thisisme.Hi,Thisisme.Hi,Thisisme.Hi,Thisisme.Hi,Thisisme.Hi,Thisisme.Hi,Thisisme.Hi,Thisisme.Hi,Thisisme.Hi,Thisisme.</p>

关于javascript - 如何在 bootstrap 中自动换行，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/56521533/