兄弟们，你们看着啊总结：核心：截断 第三个：word-break:keep-all;核心是不许单词断开，汉子是不许不到,逗号就断开，如果装不下就破掉它，只要到一个标点符号或者一个单词写完并且到临界点就可以换行哈
word-wrap: break-word;也可以写成overflow-wrap: break-word;一样的哈，
word-break: break-all;核心是：内容在宽度的邻界点就自动换行了哈（注意点，也就是说宽度邻界点那里放不下将要显示在这里的字符就换航了呀注意点来了，单词呢怎么说？也截断，放不下的汉子和单词都截断
效果：
第二个：word-break: break-all;核心是：到邻界点了意思也就是说到边上了呀，截断它。就算是一个单词写没完也截断
效果：
那上面两个有什么不同？overflow-wrap: break-word;与word-break: break-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> 
本网页所有视频内容由 imoviebox边看边下-网页视频下载, iurlBox网页地址收藏管理器 下载并得到。
ImovieBox网页视频下载器 下载地址: ImovieBox网页视频下载器-最新版本下载
本文章由: imapbox邮箱云存储,邮箱网盘,ImageBox 图片批量下载器,网页图片批量下载专家,网页图片批量下载器,获取到文章图片,imoviebox网页视频批量下载器,下载视频内容,为您提供.
阅读和此文章类似的: 全球云计算
官方软件产品操作指南 (170)
