css 保持 div 的宽度不让内部文字换行

需求：让一个 div 在被挤压时，内部的文字不换行，撑住 div 的宽度。

解决方案：

white-space: nowrap 可以防止文本换行，强制文本在一行内显示。同时添加 text-wrap: nowrap;

.container {
  white-space: nowrap;
  text-wrap: nowrap;
}

MDN 上提到：

nowrap 和 normal 一样合并空白符，但阻止源码中的文本换行。