html中的换行问题

html里的换行问题虽然是个小问题，但是也不可小觑，处理不好就可能把你的网站挤变形。前些时，我也遇到过相关问题。

首先遇到的是不该换行却换了行的问题。

在我的首页里，我将每个版面最新的文章进行开头部分的显示，以吸引读者。正像很多其他博客所做的那样，只显示文章的第一段或者更多一点，然后加上“...”，最后再加上“阅读全文>>>“这样一段链接文本，以方便读取链接到相应页面。 现在问题是，某些情况下“阅读全文>>>”这么一段文本恰巧落在了一行的末尾，关键还是在末尾它又放不下，得折到第二行来。这样就很尴尬了， “阅读全文”在末尾，而“>>>”出现在下一行的开头，感觉怪怪的。解决这一问题的方法很简单，使用

<nobr>阅读全文>>></nobr>

进行修饰就OK了，哈哈，才疏学浅，html的标签都没有好好学过。

接着遇到的问题是该换行的地方没有换行。

有朋友订阅了我的博客，看我写了篇关于Vim插件的文章后，表示有不同看法，就在留言中附了一个网址，希望我跳转过去补补功课，不巧的是他留的网址相当长，而div等标签默认是不会在单词内换行的（网址中没有空格，整个就被看作是一个word了），结果就是他的留言岔出留言框老远。解决方法也很简单，改为

<div style="WORD-WRAP: break-word">XXXX</div>

就OK了。看了一些相关文章，据说改为

<div style="word-break:break-all">XXXX</div>

也是可以解决问题的。