让长字符自动换行 比如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
投稿
猜你喜欢
收集前端面试题之url、href、src
2024-06-05 09:12:30
python日记(使用TCP实现的对话客户端和服务器)
2023-01-25 19:42:54
python小程序之飘落的银杏
2023-05-25 02:58:31
js+css实现select的美化效果
2024-04-16 09:52:25
js点击事件的执行过程实例分析【冒泡与捕获】
2024-02-27 07:53:34
SQL Server中实现二进制与字符类型之间的数据转换
2023-07-17 21:34:47
numpy.ndarray 实现对特定行或列取值
2022-05-14 09:17:24
Python实现计算两个时间之间相差天数的方法
2022-11-09 06:04:59
教你自动恢复MySQL数据库的日志文件(binlog)
2024-01-26 02:29:07
PHP xpath()函数讲解
2023-06-04 07:03:38
一篇文章带你学习Python3的高阶函数
2021-04-24 00:58:51
利用ADODB.Stream使用浏览器下载服务器文件
2008-10-09 12:42:00
Python基于内置库pytesseract实现图片验证码识别功能
2022-05-26 07:40:53
Django-Rest-Framework 权限管理源码浅析(小结)
2021-11-02 06:18:49
SQLServer2014故障转移群集的部署的图文教程
2024-01-28 23:30:06
flash(swf)遮住网页内容div的解决
2007-10-31 07:29:00
Python学习之流程控制与条件判断总结
2023-08-20 13:37:02
解析MySQL索引的作用
2024-01-20 09:51:03
js数组与字符串的相互转换方法
2023-06-24 09:41:48
Python内存管理实例分析
2021-06-13 01:39:21