我需要将长文本放入约300像素的宽度。我正在使用这个CSS:
div {
width: 300px;
color:white;
word-wrap:break-word;
}
我的问题是word-wrap:break-word;。它正在破坏单词中间的单词。但我需要的是让文字保持原样,并使文件足够聪明,在适当的时候打破界限,并保持文字本身完好无损。
那可能吗?我尝试了自动换行的所有选项,但没有任何作用。要么段落没有破坏,文字不在屏幕上,或者单词中断和几个字母在一行中,而其他字母在下一行中。
编辑:添加我的代码以形成一个具体的例子。我的整个风格元素:
p.p1 {margin: 0.0px 0.0px 0.0px 0.0px; font: 10.0px OpenSansHebrew-Regular}
p.p2 {margin: 0.0px 0.0px 0.0px 0.0px; font: 10.0px OpenSansHebrew-Regular; min-height: 12.0px}
div {
width: 300px;
color:white;
font-size:10px;
word-wrap:break-word;
}
pre {white-space:break;}
然后在body元素中:
דירת 3 חדרים ברחוב ארתור רובינשטיין בתל אביב הוצעה באחרונה למכירה ב–2.5 מיליון שקל, ובסופו של דבר נמכרה ב–2.195 מיליון בלבד - פער של 12% בין המחיר המבוקש למחיר המכירה. בירושלים, דירת 4 חדרים ברחוב צביה יצחק הוצעה למכירה ב–1.6 מיליון שקל ונמכרה ב–40% פחות - 950 אלף שקל בלבד.