html word-break,HTML Style wordBreak用法及代码示例

DOM样式wordBreak属性用于设置或返回word-break属性。 word-break属性用于指定在行尾到达单词时如何中断单词。文本中的换行符可以出现在特定的wordBreak属性中。

用法:

它用于返回wordbreak属性：object.style.wordBreak

它用于设置wordBreak属性：object.style.wordBreak = "normal|break-all|keep-all|initial|

inherit"

属性值：

normal:此属性使用默认的换行规则。

break-all：它用于在任何字符处打断单词以防止溢出。

Keep-all：与正常值相同。

break-word：它用于在任意点处打断单词以防止溢出。

initial:它将属性设置为其默认值。

示例1：

p {

width:140px;

border:1px solid #000000;

}

#gfg {

word-break:normal;

}

GeeksforGeeks

DOM Style wordBreak Property

GeeksforGeeksGeeksGeeks.

A computer science portal for geeks .

Submit

function myGeeks() {

document.getElementById("gfg").style.wordBreak = "break-all";

}

在单击按钮之前：

单击按钮后：

示例2：

p {

width:140px;

border:1px solid #000000;

}

#gfg {

word-break:break-all;

}

GeeksforGeeks

DOM Style wordBreak Property

GeeksforGeeksGeeksGeeks.

A computer science portal for geeks .

Submit

function myGeeks() {

document.getElementById("gfg").style.wordBreak = "normal";

}

输出：

在单击按钮之前：

单击按钮后：

支持的浏览器：下面列出了DOM样式wordBreak属性支持的浏览器：

谷歌浏览器

IE浏览器

Firefox

Opera

Safari