今晚看到了无双老师关于word-wrap,word-break区别的讲解  http://www.cnblogs.com/2050/archive/2012/08/10/2632256.html

受益匪浅,特此在做一下自己的总结

word-wrap

  对长单词进行折断,对长单词首先换行看第二行是否可以容纳,若不能,在第二行强制折断  默认值为normal 折断值为break-world

word-break

  对长单词进行折断,直接强制折断,不换行  默认值为normal  折断值为break-all

text-wrap

  对文本折行,但是目前主流的浏览器都不支持该属性,所以无需考虑

  

以下段代码为例

<!DOCTYPE html>
<html>
<head>
<style>
p.test
{
width:11em;
border:1px solid #000000;
/*
word-wrap:break-word;
word-break:break-all;
*/
}
</style>
</head>
<body> <p class="test">this asdsadasdasadsadlongwordthisisaveryveryveryveryveryverylongword. The long word will break and wrap to the next line.</p> </body>
</html>

不设置换行时

aaarticlea/png;base64,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" alt="" />

当为word-wrap:break-word时

aaarticlea/png;base64,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" alt="" />

当为word-break:break-all

aaarticlea/png;base64,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" alt="" />

可以看到,用户代理默认的会对长单词进行换行,而word-wrap默认了这一行为,但是word-break会强制忽略这一行为。

word-wrap,word-break,text-wrap的区别的更多相关文章

  1. C#,VB.NET如何将Word转换为PDF和Text

    众所周知,Word是我们日常工作中常用的办公软件之一,有时出于某种需求我们需要将Word文档转换为PDF以及Text.那么如何以C#,VB.NET编程的方式来实现这一功能呢? 下面我将分开介绍如何运用 ...

  2. Microsoft.Office.Interop.Word 创建word

    Microsoft.Office.Interop.Word 创建word 转载:http://www.cnblogs.com/chenbg2001/archive/2010/03/14/1685746 ...

  3. reverse the string word by word

    题目:Given an input string, reverse the string word by word. For example,Given s = "the sky is bl ...

  4. LeetCode 5:Given an input string, reverse the string word by word.

    problem: Given an input string, reverse the string word by word. For example: Given s = "the sk ...

  5. jquery html属性和text属性的区别

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/ ...

  6. 有关于break,continue,return的区别和代码分析

    今天,用代码和结果直接解释break,continue,return的区别 1.break代码 public static void breakTest() { //break的讲解 for(int ...

  7. return、break、continue的区别

    一.定义 return:语句用于终止当前方法运行,返回到调用该方法的语句处.如有返回值,则在return后面提供相应的返回值. break:其主要用于循环语句和switch语句,其作用均是强行终止语句 ...

  8. java continue break 关键字 详解 区别 用法 标记 标签 使用 示例 联系

    本文关键词: java continue break 关键字 详解 区别  用法 标记  标签 使用 示例 联系   跳出循环 带标签的continue和break 嵌套循环  深入continue ...

  9. for循环的简介及break和continue的区别

    break和continue都是用来控制循环结构的,主要是停止循环. 1.break 有时候我们想在某种条件出现的时候终止循环而不是等到循环条件为false才终止. 这是我们可以使用break来完成. ...

  10. for循环中break与continue的区别

    1.for循环 for循环是更加简洁的循环语句,大部分情况下,for循环可以代替while循环.do-while循环. for循环的格式为: for( 初始语句 ; 执行条件 ; 增量 ){循环体}执 ...

随机推荐

  1. Swift的字符串String是值类型

    根据<The Swift Programming Language>中文版基于Xcode6.1的文章描述: Swift的 String 类型是值类型.如果创建了新的字符串,那么当其进行常量 ...

  2. UVA 10462 Is There A Second Way Left? 次小生成树

    模板题 #include <iostream> #include <algorithm> #include <cstdio> #include <cstdli ...

  3. HDU4614 Vases and Flowers 二分+线段树

    分析:感觉一看就是二分+线段树,没啥好想的,唯一注意,当开始摆花时,注意和最多能放的比大小 #include<iostream> #include<cmath> #includ ...

  4. Hadoop2.7.2安装笔记

    1.设置免密SSH登录 $ ssh-keygen -t dsa -P '' -f ~/.ssh/id_dsa $ cat ~/.ssh/id_dsa.pub >> ~/.ssh/autho ...

  5. leetcode@ [263/264] Ugly Numbers & Ugly Number II

    https://leetcode.com/problems/ugly-number/ Write a program to check whether a given number is an ugl ...

  6. HUOJ-10857 最大的面积 凸包+DP

    题目链接:http://acm.hunnu.edu.cn/online/?action=problem&type=show&id=10857&courseid=55 比赛的时候 ...

  7. HDU-4622 Reincarnation 后缀数组 | Hash,维护和,扫描

    题目链接:http://acm.hdu.edu.cn/showproblem.php?pid=4622 题意:给一个字符串,询问某字串的不同字串的个数. 可以用后缀数组来解决,复杂度O(n).先求出倍 ...

  8. android sqlite 中存储 long 数据

    在資料庫的技術中,一個資料庫(Database)表示應用程式儲存與管理資料的單位,應用程式可能需要儲存很多不同的資料,例如一個購物網站的資 料庫,就需要儲存與管理會員.商品和訂單資料.每一種在資料庫中 ...

  9. Altium Designer生成网表 导出网表【worldsing笔记】

    Design -> Netlist for project -> Protel

  10. android 文件上传

    1.java原生上传 拼接上传的字符串 2.HttpClient方式上传 1.导入httpClient jar(core.mime)包 2.设置FileBody.MultiPartEntity.发送请 ...