html - 在单词边界处打断非连字复合词

我正在使用Bootstrap。让我们说我有这样的文字:



如果文本不适合容器，我可以以某种方式自动确保它会像这样破裂吗:



代替:



HTML / CSS？

最佳答案

您可以插入­(软连字符)

#box {
  font-size:14px;
  font-family:courier;
  width:90px;
  background:yellow;
 }

<div id="box">Stack&shy;overflow</div>