2017.10.20 word_break、一行神奇的javascript代码和jquery版本在线引用

分享人:黄华英


1. word-break: break-all、word-break: keep-all 、word-wrap: break-word;和white-space:nowrap都有什么作用

  • word_break属性规定自动换行的处理方法。

normal使用浏览器默认的换行规则
break-all; 允许任意非CJK(Chinese/Japanese/Korean)文本之间的单词断行

image.png

只要到了框边缘,管你是不是一个单词,全部截断
kee-all不允许CJK(Chinese/Japanese/Korean)文本中的单词换行,只能在半角空格或连字符处换行

2017.10.20 word_break、一行神奇的javascript代码和jquery版本在线引用_第1张图片
image.png

没有连字符即使超出边框也坚决不换行,有连字符且超出框换行

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

normal只在允许的断字点换行(浏览器保持默认处理)
break-word在长单词或 URL 地址内部进行换行。

2017.10.20 word_break、一行神奇的javascript代码和jquery版本在线引用_第2张图片
image.png

Normal适应规则做换行,break-word 超出范围做截断

  • white-space设置如何处理元素内的空白。

这是一些文本。 这是一些文本。 这是一些文本。

normal空白会被浏览器忽略。

pre空白会被浏览器保留。

2017.10.20 word_break、一行神奇的javascript代码和jquery版本在线引用_第3张图片
image.png

nowrap文本不会换行,文本会在在同一行上继续,直到遇到
标签为止

2017.10.20 word_break、一行神奇的javascript代码和jquery版本在线引用_第4张图片
image.png
image.png

加上

2017.10.20 word_break、一行神奇的javascript代码和jquery版本在线引用_第5张图片
image.png
image.png

pre-wrap保留空白符序列,但是正常地进行换行。
pre-line合并空白符序列,但是保留换行符
inherit规定应该从父元素继承 white-space 属性的值。

2. console.log( (!(+[])+{})[--[+""][+[]][~+[]] + ~!+[]]+({}+[])[[!+[]]~+[]]);

(* ̄- ̄) → sb

解释:http://developer.51cto.com/art/201704/536333.htm

3. jquery版本在线引用:

网址:http://www.thinkphp.cn/topic/45873.html


4. 给大家推荐一下

1993年国际大专辩论赛决赛—人性本善/人性本恶—蒋昌建
1995年国际大专辩论赛决赛-知易行难—林正疆
1999年国际大专辩论赛决赛—美是客观存在
2003年国际大专辩论赛决赛—顺境/逆境更有利于人才成长—马薇薇/黄执中
2003年第二节海峡两岸大学生辩论赛—在校大学生创业利大于弊—黄执中

网址:https://www.zhihu.com/question/23297032
墙裂推荐《奇葩说》,不会睡着,尤其第三季

最后,主要是想给大家介绍一下我男神 黄执中

2017.10.20 word_break、一行神奇的javascript代码和jquery版本在线引用_第6张图片
黄执中.png

黄执中,男,1976年10月30日出生于台湾,中国国民党党员,台湾世新大学口语传播研究所硕士毕业,台湾辩坛名人,享有“辩论之神”、”宝岛辩魂“的称号。

黄执中是历史上唯一连续两届拿下国际华语辩论最高赛事“国际大专辩论赛”的最佳辩手,也是唯一未晋级决赛,却可以拿到“国际大专辩论赛”最佳辩手的传奇人物;是辩论学派“新剑宗”的创始人,也是亚洲有系统性的建构辩论学理的第一人。2016年拿下《奇葩说》第三季奇葩之王。

少爷说:
我第一次跟人讲话是高中一年级打辩论的时候,在之前我没有跟别人讲过话。因为我们人在聊天的时候,我们聊天中有很多潜规则,我说到什么时候要停,我现在讲话你是不是在意,这种规则跟默契对我以前小的时候,我无法掌握,我会觉得聊天是混乱,而且是没有办法享受其中乐趣的事情。可是我第一次在别人面前讲话的时候是在辩论台上,原因是被抽签抽到,没有办法拒绝,我才发觉原来辩论超简单。因为第一我要说什么话,就是我持方的话,我的对手会给我什么反应,就是反驳我,连我要讲多久,他都已经定好了,而我一定有听众,就是裁判,他不能不听。所以以至于他是一个非常有规则的交流,那我就觉得超轻松。

对我而言什么重要?明天上班不要迟到,老师的报告准时要交,我要平稳的生活,这个月业绩要达标,对我而言只在意这些,这世界上有没有龙关我什么事,有没有凤凰关我什么事,考试又不考。你说,这叫做成熟。我说,这叫做死了。——《奇葩说》

沟通,这门学问的关键,不是为了要帮你争回面子,而是为了彼此,在自大的限度下,保存体面。所谓尴尬的情况,就像一个茅坑,而当你和对方,双双掉进这个茅坑里的时候,无论你口才再好再怎么去撕对方,你都赢不回面子,两个人身上都是屎。所以真正的关键,是不要掉进茅坑里,就算对方主动跳进去,然后来扯你,这时候,你都要宁可说声“对不起,是我的错”然后转头走,不要进茅坑去争输赢。——《别在茅坑争输赢》

以上……
(Ps: 大家可以去他的微博下面收集小黄图 )

你可能感兴趣的:(2017.10.20 word_break、一行神奇的javascript代码和jquery版本在线引用)