html - CSS - 如果文本不包含空格，则在选项卡 div 内进行水平滚动

Question

我的 div 的 CSS 规则：

.message-body {
    background: #5181a2;
    padding: 8px 5px;
    text-align: justify;
}

我想在 div 中呈现此文本，如上一行中的“hello hello”。

标签： htmlcss

Answer 1

欢迎来到 SO！

使用word-break属性

.message-body {
    background: #5181a2;
    padding: 8px 5px;
    text-align: justify;
    word-break: break-all;
}