javascript - 分词 css 选项无效

Question

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

react :

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>