CSS 将文本精确地换行到宽度

Question

我正在使用 white-space:nowrap; 将我的文本保持在一行中。但文字很长，超出了元素。如何将文本精确地换行到元素的宽度？

要更清楚地理解我的意思，请参阅 this JSfiddle .

更新:another JSfiddle更清楚地展示我需要什么。

Answer 1

只要您设置了元素的宽度，只需取消 whitespace:no-wrap 关闭，它就会将文本精确地换行到元素的宽度。

编辑

好的——这是您需要的:

div {
  background-color:#FF00FF;
  width:200px;
  overflow:hidden;
  height:1em;
}