url 关于自动换行问题
2009-08-21 11:39
477 查看
举个例子来说明:
使用: <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。
相关文章推荐
- 关于float的自动换行问题
- 关于ul下<li></li>内插入<span>内容</span>标签自动换行不在同一行问题
- 关于inline-block,间隙距离去除,以及div自动换行,高度等问题的一个demo
- 关于QReport自动换行的问题。
- 关于edit控件自动换行算法,计算量的问题
- 关于文字自动换行的问题
- 关于python写入文件自动换行的问题
- 关于easyui datagrid 单元格自动换行输出的问题
- 关于自动发送邮件换行等问题解决
- 关于FireFox和IE的自动换行问题
- latex 参考文献中换行问题(URL自动换行问题)
- 关于自动换行问题。
- Echarts 关于axisLabel中x抽值太长不自动换行的问题
- 关于Infragistics UltraWebGrid 单元格自动换行的问题
- 关于Lable自动换行的问题
- 自定义viewgroup实现自动换行的布局,同时解决自定义布局在wrapcontent下高度不能自适应的问题,plus一些关于Component重写的基础知识
- 关于处理Excel表中文字不能自动换行问题
- 关于动态加载datagrid url的问题
- 关于animation PlayState在ios上不起作用, 以及ios前端页面音乐不能自动播放的问题
- 关于Spring的自动装配问题