如何在css中换行

Question

我收到了一些长文本，我想使用自动换行系统。 有什么办法吗？

这是我的div；

<div class="alert alert-warning" style="font-size: 100%; text-align: left;">some long text here!</div>

我尝试了一些解决方案，但对我没有用。

word-wrap: break-word;
overflow: visible;

编辑：我得到像上面一样的输出。 当我更改此div的宽度时，div的宽度在变化，但文本保持不变。

<div class="alert alert-warning" style="font-size: 100%; text-align: left; word-wrap: break-word !important;
            overflow: visible !important;">fadsfsd dsf asdf asdf asdf asdf asdffafdsafads dsf sadf asdf sadf asdf sdsdfasdfadsfdasfsdds sadf sadf sadf asdf asfsdfsdfasdfadsfdasfdsa sdaf sadf sadfas d
</div>

Answer 1

尝试这个：

word-wrap: break-word;
overflow: visible;
width: 800px;

仅在指定width自动换行。

Answer 2

使用此CSS样式将起作用：

.alert alert-warning{
width:98%;/*set the width by your needs*/
white-space: normal;}