返回首页 | 设为首页 | 加入收藏

您当前位置:首页 >> 新闻动态 >> 正文
让长字符自动换行 比如URL和Email地址等
新闻加入时间:08-07-04 点击次数:

让长字符自动换行 (比如 URL 和 Email地址) 目的：让很长的字符串，能自动换行，但是不要把短的单词从中间断开。

方法如下：

  1. <style>  
  2. div{   
  3. width:300px;overflow:hidden;/* for FF,Opera ，固定宽度;隐藏多余的字符*/   
  4. word-wrap:break-word;word-break:normal;/* for IE,Safari ，支持自动换行*/   
  5. }   
  6. </style>  

你可以在IE，Firefox，Opera,Safari里面分别运行下面的代码，看看：

  1. <style type="text/css">  
  2. div{width:200px;background:red;overflow:hidden;word-wrap:break-word;word-break:normal;}   
  3. </style>  
  4. <div>congratulations   
  5. 让长字符自动换行 (比如 URL 和 Email地址)：   
  6. http://www.div-css.com/html/standard/base/81857.html   
  7. SDFG SOME word has spacing...   
  8. XXXXXXXXXXXXDGXXXXXXXXYYYYDFGYYXXXXXXXSDGXXXXXXXXXXXXyXXXXXXXXXXxwhite-space: nowrap   
  9. 一些中文字体一些中文字体一些中文字体一些中文字体一些中文字体一些中文字体，可能不会换行   
  10. Web标准化 <a href="http://www.div-css.com" _fcksavedurl="http://www.div-css.com">www.div-css.com</a>  
  11. 中文文字 中文文字 中文文字 中文english文字 中文文字 中文english文字 中文english文字 中文english文字 中english字 中english字 中english字 中english字   
  12. </div> 

另外，关于网上所说的用js来让长字符串在Firefox里面自动换行的方法，不推荐使用，原因是换行之后得到的字符串，已非本来的字符串了，比如要是一个链接地址的话，你再去复制，你已经得不到原来的地址了，中间会出现一个空格。那已经是另外的一个链接了。
下一条新闻:
最新新闻
黄冈睿科

网络科技有限公司——一站式网络服务提供商! 这里可以:根据您企业的特点定制完整有效的网络营销方案；提供您公司所需的办公设备及维护！

我需要服务↓

地址:黄冈市黄州区青砖湖路112号
联系电话:0713-8384956  8550225 （手机13409776866）