word-break:break-all和word-wrap:break-word都是能使其容器如DIV的内容自己主动换行。

它们的差别就在于:

1,word-break:break-all 比如div宽200px,它的内容就会到200px自己主动换行,假设该行末端有个英文单词非常长(congratulation等),它会把单词截断,变成该行末端为conra(congratulation的前端部分),下一行为tulation(conguatulation)的后端部分了。

2。word-wrap:break-word 样例与上面一样,但差别就是它会把congratulation整个单词看成一个总体,假设该行末端宽度不够显示整个单词,它会自己主动把整个单词放到下一行,而不会把单词截断掉的。

3。word-break;break-all 支持版本号:IE5以上 该行为与亚洲语言的 normal 同样。也同意非亚洲语言文本行的随意字内断开。该值适合包括一些非亚洲文本的亚洲文本。 WORD-WRAP:break-word 支持版本号:IE5.5以上 内容将在边界内换行。假设须要,词内换行( word-break )也将发生。表格自己主动换行,避免撑开。 word-break : normal | break-all | keep-all 參数: normal : 按照亚洲语言和非亚洲语言的文本规则,同意在字内换行 break-all : 该行为与亚洲语言的normal同样。也同意非亚洲语言文本行的随意字内断开。该值适合包括一些非亚洲文本的亚洲文本 keep-all : 与全部非亚洲语言的normal同样。对于中文。韩文,日文,不同意字断开。适合包括少量亚洲文本的非亚洲文本 语法: word-wrap : normal | break-word 參数: normal : 同意内容顶开指定的容器边界 break-word : 内容将在边界内换行。假设须要。词内换行(word-break)也行发生说明:设置或检索当当前行超过指定容器的边界时是否断开转行。

相应的脚本特性为wordWrap。请參阅我编写的其它书目。 语法: table-layout : auto | fixed 參数: auto : 默认的自己主动算法。布局将基于各单元格的内容。

表格在每一单元格读取计算之后才会显示出来。

速度非常慢 fixed : 固定布局的算法。在这算法中,水平布局是只基于表格的宽度。表格边框的宽度。单元格间距,列的宽度。而和表格内容无关说明:设置或检索表格的布局算法。相应的脚本特性为tableLayout。

例:

.word_break {float:left;width:200px;margin:10px;padding:10px;font-size:16px;font-family:simsun;border:1px solid #242424;zoom:1;
word-break:break-all; }

在DIV中自己主动换行的更多相关文章

  1. div中的字符换行

    div中的字符换行 转载自:http://blog.sina.com.cn/s/blog_6a79bc480100tizi.html   1.强制不换行,同时以省略号结尾. <div style ...

  2. div中让内容能不换行就尽量不换行.【纯原】

    div中让内容能不换行就尽量不换行,部分左对齐,部分右对齐. <html> <head> <title>九歌·少司命</title> <style ...

  3. Sql Server中sql语句自己主动换行

    怎么让sql server中的sql语句自己主动换行呢? 例如以下图: 工具--选项--全部语言 watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQvamlhbm ...

  4. Android app开发中用户协议(使用条款)文字自己主动换行

    用户协议(使用条款)文字自己主动换行处理 转载请注明出处:http://blog.csdn.net/u012301841/article/details/46648821 我们在开发app的时候.常常 ...

  5. CSS自己主动换行、强制不换行、强制断行、超出显示省略号

    P标签是默认是自己主动换行的,因此设置好宽度之后,可以较好的实现效果,可是近期的项目中发现,使用ajax载入数据之后.p标签内的内容没有换行,导致布局错乱,于是尝试着使用换行样式,尽管攻克了问题.可是 ...

  6. Android TextView自己主动换行文字排版參差不齐的原因

    今天项目没什么进展,公司后台出问题了.看了下刚刚学习Android时的笔记,发现TextView会自己主动换行,并且排版文字參差不齐.查了下资料,总结原因例如以下: 1.半角字符与全角字符混乱所致:这 ...

  7. div中的内容超过容器宽度的问题

    问题描述: <div class="category">    <div class="column-a">排名</div> ...

  8. CSS 之 div中文字超出时自动换行

          在开发中很容易遇到div中文字超出的问题,在此总结以下方法: 1. white-space :属性设置如何处理元素内的空白.这个属性声明建立布局过程中如何处理元素中的空白符.所有浏览器都支 ...

  9. CSS 中的强制换行和禁止换行

    强制换行       1.word-break: break-all;       只对英文起作用,以字母作为换行依据.       2.word-wrap: break-word;   只对英文起作 ...

随机推荐

  1. PHP22 PHP在线支付

    易宝支付示例脚本 参考网址:https://blog.csdn.net/yerenyuan_pku/article/details/52239862 参数说明 p1_MerId:商户编号,网站在易宝上 ...

  2. upupoo(网页壁纸)自主修改一:农历

    最近在使用一款upupoo的壁纸软件,感觉还可以,主要是对其中html可设置为壁纸方面情有独钟 前几天在它的网页区发现了一个壁纸,感觉挺好: 感觉内容有点少,今天在工作空余时间就在其中加上了农历,同时 ...

  3. phpstorm使用Database关联数据库

    1.如图选择mysql 配置数据库连接及shh 点击Test Connection,如果成功,即可点击ok连接mysql数据库 2.如图选择所有的表 3.更新数据

  4. web即时通信技术

    ajax jsonp polling setInterval定期发送ajax请求.服务器压力大,浪费流量,大部分是无效请求 ajax long polling ajax发起请求,服务器对于这个请求一直 ...

  5. Python的Turtle绘制纳兹咩的娘口三三

    今天看完夏目友人帐的大电影,哭成了泪猴~ 所以我打算用Python画一只娘口三三陪伴在我身边 不过.. 画的太丑,还没上色..,你们可以完善一下~ 代码放在这里了 import turtle as t ...

  6. 【BZOJ 3555】 [Ctsc2014]企鹅QQ(哈希)

    Description PenguinQQ是中国最大.最具影响力的SNS(Social Networking Services)网站,以实名制为基础,为用户提供日志.群.即时通讯.相册.集市等丰富强大 ...

  7. js总结(一):javascript的类型:基本类型、对象和数组

    javascript 类型分为2种,一个是原始值,另一个是复杂值(对象). 一.原始值 5个原始值是:数字,字符,布尔,null,undefined. 9个原生的对象构造函数:Number Strin ...

  8. Leetcode 224.基本计算器

    基本计算器 实现一个基本的计算器来计算一个简单的字符串表达式的值. 字符串表达式可以包含左括号 ( ,右括号 ),加号 + ,减号 -,非负整数和空格  . 示例 1: 输入: "1 + 1 ...

  9. P1027 car的旅行路线

    car的旅行路线 洛谷链接 这个题关键就是 如何把每个点表示出来,其实求出四个点的坐标后,只需要把这些点连接起来,用一遍folyed求出最短路径就好了. 代码: #include<cmath&g ...

  10. CodeForces 554B--Ohana Cleans Up

    B. Ohana Cleans Up time limit per test 2 seconds memory limit per test 256 megabytes input standard ...