Css3中word-wrap属性怎么用


小编给大家分享一下Css3中word-wrap属性怎么用,相信大部分人都还不怎么了解,因此分享这篇文章给大家参考一下,希望大家阅读完这篇文章后大有收获,下面让我们一起去了解一下吧!1、定义

word-wrap 属性允许长单词或 URL 地址换行到下一行。

2、语法和参数

word-wrapnormal(默认)|break-word normal免费云主机域名允许内容顶开指定的容器边界,如果单词超长,会冲出边界(在当前行显示,不会换行)。 break-word 内容将在边界内换行,当单词在当前行放不下时,会自动切换到下一行,必要时会触发word-break(注意:请分辨清楚word-breakbreak-word这俩个是不同的东西,一为属性另为参数)。 注:各个浏览器均能识别。

3、说明

word-wrap是控制是否“为词断行”的,设置或检索当前行超过指定容器的边界时是否断开转行。中文没有任何问题,英文语句也没问题。但是对于长串的英文,就不起作用。

4、例子

congratulation这个单词属于长串英文,word-wrap:break-word整个单词看成一个整体,如果该行末端宽度不够显示整个单词,它会自动把整个单词放到下一行,而不会把单词截断,这就是对于长串文字不起作用的解释。word-wrap:normal是默认情况,英文单词不被拆开。

5、总结

作用范围仅为div这类标准块级元素,th,td这类table元素虽然识别但是没有效果(如果为td,th加上宽度word-wrapIE下是能够发挥效果的,但根据完全兼容性方便记忆角度上来说还是以前面的结论为准)。

以上是“Css3中word-wrap属性怎么用”这篇文章的所有内容,感谢各位的阅读!相信大家都有了一定的了解,希望分享的内容对大家有所帮助,如果还想学习更多知识,欢迎关注百云主机行业资讯频道!

相关推荐: 在人工智能中有哪些重要的神经网络类型

这篇文章主要介绍“在人工智能中有哪些重要的神经网络类型”的相关知识,小编通过实际案例向大家展示操作过程,操作方法简单快捷,实用性强,希望这篇“在人工智能中有哪些重要的神经网络类型”文章能帮助大家解决问题。这是最基本的神经网络类型,它在很大程度上是由于技术进步而…

免责声明:本站发布的图片视频文字,以转载和分享为主,文章观点不代表本站立场,本站不承担相关法律责任;如果涉及侵权请联系邮箱:360163164@qq.com举报,并提供相关证据,经查实将立刻删除涉嫌侵权内容。

(0)
打赏 微信扫一扫 微信扫一扫
上一篇 09/14 10:55
下一篇 09/14 10:55

相关推荐