url 关于自动换行问题

站长资源 2024/12/27 佚名

26 1538 26

DDR爱好者之家 Design By 杰米

举个例子来说明：

使用： <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>

使用&#8203的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通过。

&#8203在chrome通过。而<wbr> 和 没有在chrome测试过。

注：没有在中文环境下测试过。编码使用的是utf-8。

url,自动换行

DDR爱好者之家 Design By 杰米

广告合作：本站广告合作请联系QQ：858582 申请时备注：广告合作（否则不回）
免责声明：本站资源来自互联网收集,仅供用于学习和交流,请遵循相关法律法规,本站一切资源不代表本站立场,如有侵权、后门、不妥请联系本站删除！

DDR爱好者之家 Design By 杰米

评论“url 关于自动换行问题”

暂无评论...

url 关于自动换行问题

关于css display: inline block inline-block的区别分析

CSS 关于浮动

评论“url 关于自动换行问题”

更新日志

友情链接