如何在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;}