2010-05-17 14 views
1

我有一个小空间,我想写作。问题是,如果输入一个长词,它会因为没有空间而流出侧面。XHTML - 如何将一段文本放到新行或换行而不放入空格?

我可以做溢出:隐藏,但这不是我正在寻找。理想情况下,我希望这个词在它之前放入一个带有“ - ”的新行。

这个词是在它自己的一行上开始的,所以
不会解决这个问题。

回答

3

word-wrap:break-word在CSS中这样做(ok,没有-在换行符中),但是当我尝试它时,它有一些浏览器问题,所以要小心;)。

第二种解决方案是在<span></span>文本中包装字母(或3或5个字母的数据包等),以便它们在包装时不会有空白。

添加连字符然后,您可以使用jquery并搜索具有特定左偏移量的元素以预先加上连字符。

+0

我在FF,Opera和Webkit上测试过的自动换行工具真棒。 至于跨度,他们不会工作,因为实际的字符串正在从Twitter导入。 – Henryz 2010-05-17 20:38:26

+0

没关系。这可以即时完成,即使使用一些JavaScript。但我很高兴CSS就够了。但看到IE。据我记得,它在旧FF和一些或所有IEs中没有网络 – naugtur 2010-05-17 21:09:18

+0

'word-wrap:break-word'打破了单词,而不是恰当的连字符。 – 2013-10-07 14:15:36

相关问题