CSS将文本精确地包装到宽度

时间:2011-08-18 00:15:03

标签: css

我正在使用white-space:nowrap;将文字保存在一行中。但是文本很长,超出了元素。如何将文本精确地包装到元素的宽度?

要更清楚地了解我的意思,请参阅this JSfiddle

更新:another JSfiddle以更清楚地显示我需要的内容。

2 个答案:

答案 0 :(得分:4)

只要你设置了元素的宽度,只需要取空格:no-wrap off,它会将文本精确地包装到元素的宽度。

修改

好的 - 这就是你需要的:

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

答案 1 :(得分:0)

取消white-space: nowrap;并点击word-spacing: -1px;

我不确定每个浏览器会如何反应,因此您可能需要调整字间距属性。