保持包含短划线（ - ）的单词不会破坏？

Question

是否有一个css属性会像--TestCanvas-min-width那样在-打破？我已经尝试了word-break: keep-all，但它仍然在破折号上打破了。

Answer 1

您可以尝试使用white-space: nowrap;。

您可以阅读更多相关信息here

所以你要添加<span>并将其应用到它。

.my--div {
  width: 150px;
  border: 1px solid;
}

.my--span {
  white-space: nowrap;
  color: red;
}

<div class="my--div">--TestCanvas-min-width--TestCanvas-min-width--TestCanvas-min-width<span class="my--span">--TestCanvas-min-width--</span>TestCanvas-min-width</div>