让长字符自动换行 比如URL和Email地址等
来源:div-css 时间:2008-07-01 14:41:00
让长字符自动换行 (比如 URL 和 Email地址) 目的:让很长的字符串,能自动换行,但是不要把短的单词从中间断开。
方法如下:
<style>
div{
width:300px;overflow:hidden;/* for FF,Opera ,固定宽度;隐藏多余的字符*/
word-wrap:break-word;word-break:normal;/* for IE,Safari ,支持自动换行*/
}
</style>
你可以在IE,Firefox,Opera,Safari里面分别运行下面的代码,看看:
<style type="text/css">
div{width:200px;background:red;overflow:hidden;word-wrap:break-word;word-break:normal;}
</style>
<div>congratulations
让长字符自动换行 (比如 URL 和 Email地址):
http://www.div-css.com/html/standard/base/81857.html
SDFG SOME word has spacing...
XXXXXXXXXXXXDGXXXXXXXXYYYYDFGYYXXXXXXXSDGXXXXXXXXXXXXyXXXXXXXXXXxwhite-space: nowrap
一些中文字体一些中文字体一些中文字体一些中文字体一些中文字体一些中文字体,可能不会换行
Web标准化 <a href="http://www.div-css.com" _fcksavedurl="http://www.div-css.com">www.div-css.com</a>
中文文字 中文文字 中文文字 中文english文字 中文文字 中文english文字 中文english文字 中文english文字 中english字 中english字 中english字 中english字
</div>
另外,关于网上所说的用js来让长字符串在Firefox里面自动换行的方法,不推荐使用,原因是换行之后得到的字符串,已非本来的字符串了,比如要是一个链接地址的话,你再去复制,你已经得不到原来的地址了,中间会出现一个空格。那已经是另外的一个链接了。
标签:换行,字符,css
0
投稿
猜你喜欢
兼容主流浏览器,纯CSS下拉菜单
2010-09-05 20:30:00
在TABLE中模仿excel的单元格移动
2007-12-22 12:03:00
一见钟情&一见如故
2009-02-23 13:00:00
给Notepad++换主题
2009-05-04 14:43:00
隐蔽的ASP后门 大家可以查看下
2010-08-05 21:26:00
MySQL错误中文参照列表
2010-09-30 14:41:00
javascript面向对象编程(一)
2008-03-07 12:54:00
五大提高ASP运行效率的技巧
2007-09-20 13:15:00
Overflow Auto && Position Relative
2009-09-03 12:02:00
MySQL 重装笔记
2011-02-23 12:22:00
oracle 查询表名以及表的列名
2009-07-26 09:33:00
SQL Select语句完整的执行顺序
2008-09-28 21:22:00
CSS控制鼠标样式变换方法
2007-11-17 07:58:00
利用索引提高SQL Server数据处理的效率
2009-01-08 15:32:00
JavaScript 组件之旅(二):编码实现和算法
2009-10-09 14:24:00
视觉设计的一致性与用户体验
2010-01-06 13:38:00
js 混淆加密工具代码
2007-09-22 18:10:00
如何让WML页面自己更新?
2008-05-21 13:35:00
ASP连接MySQL数据库代码示例
2010-03-14 11:24:00
推荐个辅助软件FastStone Capture
2008-12-23 13:23:00