CSS 实现自动换行、强制换行、强制不换行的属性 |
您所在的位置:网站首页 › 粘贴文字自动换行 › CSS 实现自动换行、强制换行、强制不换行的属性 |
---恢复内容开始--- 实现效果 1.自动换行: word-wrap:break-word; word-break:normal; 2.强制换行: word-break:break-all; 按字符截断换行 /* 支持IE和chrome,FF不支持*/ word-wrap:break-word; 按英文单词整体截断换行 /* 以上三个浏览器均支持 */ * 注意:单词换行需要父盒子为块级元素 3.强制不换行: white-space:nowrap;
换行属性语法 1.word-break : normal | break-all | keep-all normal 使用浏览器默认的换行规则,允许字内换行。break-all 允许在单词内换行。keep-all 只能在半角空格或连字符处换行。 2.word-wrap : normal | break-word normal : 允许内容顶开指定的容器边界,允许字内换行。break-word : 内容将在边界内换行,允许单词换行。 3.white-space:normal | pre-wrap
---恢复内容结束--- 实现效果 1.自动换行: word-wrap:break-word; word-break:normal; 2.强制换行: word-break:break-all; 按字符截断换行 /* 支持IE和chrome,FF不支持*/ word-wrap:break-word; 按英文单词整体截断换行 /* 以上三个浏览器均支持 */ * 注意:单词换行需要父盒子为块级元素 3.强制不换行: white-space:nowrap;
换行属性语法 1.word-break : normal | break-all | keep-all normal 使用浏览器默认的换行规则,允许字内换行。break-all 允许在单词内换行。keep-all 只能在半角空格或连字符处换行。 2.word-wrap : normal | break-word normal : 允许内容顶开指定的容器边界,允许字内换行。break-word : 内容将在边界内换行,允许单词换行。 3.white-space:normal | pre-wrap
---恢复内容开始--- 实现效果 1.自动换行: word-wrap:break-word; word-break:normal; 2.强制换行: word-break:break-all; 按字符截断换行 /* 支持IE和chrome,FF不支持*/ word-wrap:break-word; 按英文单词整体截断换行 /* 以上三个浏览器均支持 */ * 注意:单词换行需要父盒子为块级元素 3.强制不换行: white-space:nowrap;
换行属性语法 1.word-break : normal | break-all | keep-all normal 使用浏览器默认的换行规则,允许字内换行。break-all 允许在单词内换行。keep-all 只能在半角空格或连字符处换行。 2.word-wrap : normal | break-word normal : 允许内容顶开指定的容器边界,允许字内换行。break-word : 内容将在边界内换行,允许单词换行。 3.white-space:normal | pre-wrap
---恢复内容结束--- 实现效果 1.自动换行: word-wrap:break-word; word-break:normal; 2.强制换行: word-break:break-all; 按字符截断换行 /* 支持IE和chrome,FF不支持*/ word-wrap:break-word; 按英文单词整体截断换行 /* 以上三个浏览器均支持 */ * 注意:单词换行需要父盒子为块级元素 3.强制不换行: white-space:nowrap;
换行属性语法 1.word-break : normal | break-all | keep-all normal 使用浏览器默认的换行规则,允许字内换行。break-all 允许在单词内换行。keep-all 只能在半角空格或连字符处换行。 2.word-wrap : normal | break-word normal : 允许内容顶开指定的容器边界,允许字内换行。break-word : 内容将在边界内换行,允许单词换行。 3.white-space:normal | pre-wrap
|
CopyRight 2018-2019 办公设备维修网 版权所有 豫ICP备15022753号-3 |