详解：34word-wrap

2020-05-02 10:41:38 阅读：253 来源： 互联网

标签：Padding word 34word break JSON 详解 JSONP wrap

兄弟们，你们看着啊总结：核心：截断
word-wrap: break-word;也可以写成overflow-wrap: break-word;一样的哈，
word-break: break-all;核心是：内容在宽度的邻界点就自动换行了哈（注意点，也就是说宽度邻界点那里放不下将要显示在这里的字符就换航了呀注意点来了，单词呢怎么说？也截断，放不下的汉子和单词都截断
效果：在这里插入图片描述

在这里插入图片描述
第二个：word-break: break-all;核心是：到邻界点了意思也就是说到边上了呀，截断它。就算是一个单词写没完也截断
效果：那上面两个有什么不同？overflow-wrap: break-word;与word-break: break-all;有什么不同
我觉得就是上一行被截断的下一行写下一个单词之后就会换行，我的理解是可能这就是这就是作用把，
就是说截图的下一行只会出现一个单词。

第三个：word-break:keep-all;核心是不许单词断开，汉子是不许不到,逗号就断开，如果装不下就破掉它，只要到一个标点符号或者一个单词写完并且到临界点就可以换行哈
效果：
在这里插入图片描述

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>word-wrap</title>
	<link rel="stylesheet" type="text/css" href="css/reset.css"/>
	<style type="text/css">
		div{
			width: 100px;
			border:1px solid red;
			margin:100px;
			/*word-wrap: break-word;*/
			/*overflow-wrap: break-word;*/
			/*word-break: break-all;*/
			word-break:keep-all;
		}
	</style>
</head>
<body>
<div>
我不是神马技术大婶,也不是神马砖家，我和你们一样，是在技术这个道路上不断努力的小菜鸟…
但我希望你们听了我的课程会有一些收获，哪怕在技术上对你有一点点的帮助，我就满足了…
敲好每一行代码，讲好每一堂课程
</div>
<div>
JSONP（JSON with Padding）JSONP（JSON with Padding）JSONP（JSON with Padding）JSONP（JSON with Padding）JSONP（JSON with Padding）JSONP（JSON with Padding）JSONP（JSON with Padding）
</div>
<div>
出于安全方面的考虑，页面中的JavaScript无法访问其他服务器上的数据，即“同源策略”。而跨域就是通过某些手段来绕过同源策略限制，实现不同服务器之间通信的效果。 JSON(JavaScript Object Notation) 是一种轻量级的数据交换格式，而JSONP（JSON with Padding）则是JSON 的一种“使用模式”，通过这种模式可以实现数据的跨域获取
</div>
<div>
	My Blog URL: http://phpfamily.org/?p=1&cate=2&c=3
</div>
<div>
	this is a testttttttttttttttttttttttt
</div>
</body>
</html>

在这里插入图片描述

标签：Padding,word,34word,break,JSON,详解,JSONP,wrap
来源： https://blog.csdn.net/qq_37805832/article/details/105860064

本站声明： 1. iCode9 技术分享网（下文简称本站）提供的所有内容，仅供技术学习、探讨和分享；
2. 关于本站的所有留言、评论、转载及引用，纯属内容发起人的个人观点，与本站观点和立场无关；
3. 关于本站的所有言论和文字，纯属内容发起人的个人观点，与本站观点和立场无关；
4. 本站文章均是网友提供，不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属；如您发现该文章侵犯了您的权益，可联系我们第一时间进行删除；
5. 本站为非盈利性的个人网站，所有内容不会用来进行牟利，也不会利用任何形式的广告来间接获益，纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。

ICode9

详解：34word-wrap