word-break

该属性决定文本内容超出容器时，浏览器是否自动插入换行符。

属性值：normal：默认换行规则——英文以词为单位换行，连续字符不换行，直接溢出父元素break-all：无视单词，强制在父元素边缘位置截断(最省空间，看起来最整齐，但单词可能被从中劈开)。另外连续的标点符号不会换行，不知为何。。。keep-all：与normal一样，而且连中日韩的连续文字也不换行了(有空格分隔时会换行)*break-word：这不是一个规范属性，只有部分浏览器支持，效果同word-wrap: break-word;

word-wrap(overflow-wrap)

该属性决定浏览器是否应该在一个无法正常断开的单词内部插入换行符。

属性值：normal：不在单词内部插入换行符，即换行只发生在单词间的空格等地方，不会截断单词。如果单词超级长，则溢出父容器。break-word：『如果没有合适的截断点，那就可能在任意位置截断单词』。解释一下：首先尝试正常换行(这一行放不下就放到下一行)，如果换行后还是很长，就在任意位置截断。注：连续的标点符号也会截断。

white-space

该属性决定浏览器如何处理空白和换行符。

属性值：normal：默认行为，换行符转换为空白，合并连续的空白，但必要时换行(所谓『必要』对于英文来说，指的是一个单词后面的下一个单词在该行末尾放不下了，得

今天写代码发现项目中出现这种情况，但是自己新起一个空项目中写则不会 这是因为项目中这段代码的父节点被设置了fontsize，也就是从父亲/祖父级继承过来的fontsize，回车也会产生 空格 ，就.. normal：默认 换 行 规则——英文以词为单位 换 行 ，连续字符不 换 行 ，直接溢出父元素 break-all：无视单词，强制在父元素边缘位置截断（最省空间，看起来最整齐，但单词可能被从中劈开）。另外连续的标点符号不会 换 行 ，不知为何。。。 keep... normal 默认。 空白 会被浏览器忽略。 pre 空白 会被浏览器保留。其 行 为方式类似 HTML 中的 标签。 nowrap 文本 不会 换 行 ， 文本 会在在同一 行 上继续，直到遇到 标签为止。 pre-wrap 保留 空白 符序列，但是正常地进 行 换 行 。 pre-line 合并 空白 符序列，但是保留 换 行 符。 inherit 规定应该从父元素继承 white-space 属性的值。 2、允许长单词 换 行 word-wrap:break-word; 在 HTML 语言中，实现 换 行 是靠一个 行 中断标识&lt;br&gt;而不是在源代码中敲回车。&lt;br&gt;标记在 HTML 文件中的作用同在 文本 文件中敲回车的效果相似———— 换 行 ，没有属性，用法非常简单。但源代码中的回车只起使源代码排版美观的作用，不会影响浏览器中的页面显示。此外它还是 html 中为数不多的没有结束标识的单向标记，即无需&lt;/br&gt;。 另外还要说明，在网页中有一些特殊的字符... 允许在单词内 换 行 (不会尝试把长单词挪到下一 行 ，而是直接就进 行 单词内的断句。挪到下一 行 ，看看下一 行 的宽度够不够，不够的话再进 行 单词内的断句。设置或检索当内容超过指定容器的边界时是否断 行 。如果不允许的话，长单词就会溢出。强制 换 行 (决定是否允许。的一点是它还是会首先。 html 怎样让文字 自动 换 行 html 中可以通过来实现 换 行 ，那怎么实现调整两 行 文字、 文本 框或方法很多，要做到网页生动，就的灵活应用。 据几个例子: 1) (空一 行 )， 2) text here(上面空20pt，同样，可使用“margin-bottom”)， 3)表格里，使用“cellspacing”、“cellpadding”、“rowspan”、“colspan”等属性。 html 5文字 自动 换 行 怎么... 一般情况下，元素拥有默认的white-space:normal（ 自动 换 行 ，不 换 行 是white-space:nowrap）,当录入的文字超过定义的宽度后会 自动 换 行 ，但当录入的数据是一堆没有 空格 的字符或字母或数字（常规数据应该不会有吧，但有些测试人员是会这样子做的），超过容器宽度时就会把容器撑大，不 换 行 。例如英语，浏览器会根据容器尺寸，选择在半角 空格 或连字符处 换 行 。在页面中出现大段的文字，通常采用分段进 行 规划，对 换 行 也有极其严格的划分。normal : 　依照亚洲语言和非亚洲语言的 文本 规则，允许在字内 换 行 。 2.强制 换 行 ： word-break:break-all; 按字符截断 换 行 /* 支持IE和chrome，FF不支持*/ word-wrap:break-word; 按英文单词整体截断 换 行 /* 以上三个浏览器均支持 */ * 注意：单词 换 行 需要父盒子为块... normal 连续的 空白 符会被合并， 换 行 符会被当作 空白 符来处理。填充 line 盒子时，必要的话会 换 行 。nowrap 和 normal 一样，连续的 空白 符会被合并。但 文本 内的 换 行 无效。pre 连续的 空白 符会被保留。在遇到 换 行 符或者<br>元素时才会 换 行 。pre-wrap 连续的... <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Do.