word-break css 选项无效

Question

我正在使用 word-break css 属性，但即使是一个简单的示例，似乎也无法让它工作。我的代码是：

反应：

render() {
  return (
    <h5 className="word-break">A very very long line..........</h5>
  );
}

css:

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

我在这里错过了什么？

Answer 1

你必须使用break-all

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

h5{
  width: 125px;
}

<h5 class="word-break">A very very long line..........</h5>