关于自动换行问题。
2009-08-21 09:55
351 查看
如何让长长的url自动换行呢。一下是一个方法:
举个例子来说明:
使用: <wbr>, and 的其中一个在有可能要分开的字符后面。浏览器就会按需要换行。
原始的代码:
<div style="width:200px; border:1px solid #000000;">
http://www.abcdef.com/aaaaa/bbbbb/ccccc/ddddd/eeeee/ffff/ggg/index.htm
</div>
使用<wbr>的html代码
<div style="width:200px; border:1px solid #000000;">
http:<wbr>/<wbr>/<wbr>www.abcdef.com/<wbr>aaaaa/<wbr>bbbbb/<wbr>ccccc/<wbr>ddddd/<wbr>eeeee/<wbr>ffff/<wbr>ggg/<wbr>index.htm
</div>
使用的html代码
<div style="width:200px; border:1px solid #000000;">
http://www.abcdef.com/aaaaa/bbbbb/ccccc/ddddd/eeeee/ffff/ggg/index.htm
</div>
使用的html代码
<div style="width:200px; border:1px solid #000000;">
http://www.abcdef.com/aaaaa/bbbbb/ccccc/ddddd/eeeee/ffff/ggg/index.htm
</div>
参考的html代码
<div style="width:200px; border:1px solid #000000;">
123 456 789 123 456 789 123 456
</div>
把以上的代码保存为html文件,就可以看到效果。特别是ie。
<wbr>, 和 在ie和firefox通过。
在chrome通过。而<wbr> 和 没有在chrome测试过。
注:没有在中文环境下测试过。编码使用的是utf-8。
举个例子来说明:
使用: <wbr>, and 的其中一个在有可能要分开的字符后面。浏览器就会按需要换行。
原始的代码:
<div style="width:200px; border:1px solid #000000;">
http://www.abcdef.com/aaaaa/bbbbb/ccccc/ddddd/eeeee/ffff/ggg/index.htm
</div>
使用<wbr>的html代码
<div style="width:200px; border:1px solid #000000;">
http:<wbr>/<wbr>/<wbr>www.abcdef.com/<wbr>aaaaa/<wbr>bbbbb/<wbr>ccccc/<wbr>ddddd/<wbr>eeeee/<wbr>ffff/<wbr>ggg/<wbr>index.htm
</div>
使用的html代码
<div style="width:200px; border:1px solid #000000;">
http://www.abcdef.com/aaaaa/bbbbb/ccccc/ddddd/eeeee/ffff/ggg/index.htm
</div>
使用的html代码
<div style="width:200px; border:1px solid #000000;">
http://www.abcdef.com/aaaaa/bbbbb/ccccc/ddddd/eeeee/ffff/ggg/index.htm
</div>
参考的html代码
<div style="width:200px; border:1px solid #000000;">
123 456 789 123 456 789 123 456
</div>
把以上的代码保存为html文件,就可以看到效果。特别是ie。
<wbr>, 和 在ie和firefox通过。
在chrome通过。而<wbr> 和 没有在chrome测试过。
注:没有在中文环境下测试过。编码使用的是utf-8。
相关文章推荐
- url 关于自动换行问题
- 关于文字自动换行的问题
- 关于inline-block,间隙距离去除,以及div自动换行,高度等问题的一个demo
- 关于QReport自动换行的问题。
- 关于python写入文件自动换行的问题
- 关于ul下<li></li>内插入<span>内容</span>标签自动换行不在同一行问题
- 自定义viewgroup实现自动换行的布局,同时解决自定义布局在wrapcontent下高度不能自适应的问题,plus一些关于Component重写的基础知识
- 关于Infragistics UltraWebGrid 单元格自动换行的问题
- Echarts 关于axisLabel中x抽值太长不自动换行的问题
- 关于Lable自动换行的问题
- 关于edit控件自动换行算法,计算量的问题
- 关于easyui datagrid 单元格自动换行输出的问题
- 关于处理Excel表中文字不能自动换行问题
- 关于float的自动换行问题
- 关于自动发送邮件换行等问题解决
- 关于FireFox和IE的自动换行问题
- 关于unity中使用Vuforia制作AR场景如何设置自动对焦的问题(全网独家)
- UILable 中文加上英文或者其他非中文字符自动换行的问题
- UILable“中文”加上“英文或者其他非中文字符”自动换行的问题
- 关于自动滚动无限循环viewpager的问题