CSS: 强制换行

Question

我正在尝试创建一个 Symfony bundle 来读取日志文件并将其转换为更优雅的页面，但我遇到了一些未包含在 div 中的文本的问题, 虽然我用过 word-wrap : break-word;:
我的代码：

<div class="card-stacked">
                <div class="card-content">
                    <div style="word-wrap : break-word;">{{ log.description }}</div>
                </div>
            </div>

这是我得到的结果：
请问我该如何解决这个问题！

Answer 1

添加此 css 代码 "word-wrap: break-word !important; word-break:break-all !important;"

<div class="card-stacked">
                    <div class="card-content">
                        <div style="word-wrap: break-word !important; word-break:break-all !important;">{{ log.description }}</div>
                    </div>
                </div>

CSS: 强制换行

CSS: forcing wrap word

css

word-wrap

symfony