我正在使用white-space:nowrap;
将文字保存在一行中。但是文本很长,超出了元素。如何将文本精确地包装到元素的宽度?
要更清楚地了解我的意思,请参阅this JSfiddle。
更新:another JSfiddle以更清楚地显示我需要的内容。
答案 0 :(得分:4)
只要你设置了元素的宽度,只需要取空格:no-wrap off,它会将文本精确地包装到元素的宽度。
修改
好的 - 这就是你需要的:
div {
background-color:#FF00FF;
width:200px;
overflow:hidden;
height:1em;
}
答案 1 :(得分:0)
取消white-space: nowrap;
并点击word-spacing: -1px;
我不确定每个浏览器会如何反应,因此您可能需要调整字间距属性。