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

html word-break,HTML Style wordBreak用法及代码示例相关推荐

  1. html body background color,HTML Style backgroundColor用法及代码示例

    HTML DOM中的backgroundColor属性用于设置或返回元素的背景色. 用法: object.style.backgroundColor 它返回元素的背景色. object.style.b ...

  2. html 去除max-height,HTML Style maxHeight用法及代码示例

    maxHeight属性设置/返回元素的最大高度. maxHeight属性仅影响block-level元素,绝对或固定位置元素. 用法: 它用于设置maxHeight属性: object.style.m ...

  3. html代码style图片width,HTML Style columnWidth用法及代码示例

    DOM中的columnWidth属性用于指定列的宽度. 用法: 返回columnWidth属性: object.style.columnWidth 设置columnWidth属性: object.st ...

  4. HTML用于定义宽度的是,HTML Style columnRuleWidth用法及代码示例

    HTML DOM中的Style columnRuleWidth属性用于定义或确定列之间的规则宽度. 用法: 它返回columnRuleWidth属性.object.style.columnRuleWi ...

  5. html 代码 border,HTML Style border用法及代码示例

    DOM样式的border属性用于设置或返回元素边框的样式.我们可以为各个侧面(顶部,右侧,底部,左侧)设置不同的边框样式. border-style属性的每一侧都可以采用多个值. 用法: 它用于返回S ...

  6. html高度style,HTML Style minHeight用法及代码示例

    HTML DOM中的minHeight属性用于设置或返回元素的最小高度.此属性仅影响block-level元素,绝对或固定位置元素. 用法: 它返回minHeight属性.object.style.m ...

  7. java break(),Java BreakIterator last()用法及代码示例

    java.text.BreakIterator类的last()方法用于获取最后一个边界的索引.它总是返回最后一个边界的最后一个字符的偏移量. 用法: public abstract int last( ...

  8. python numpy allclose用法及代码示例

    python numpy allclose用法及代码示例 用法: numpy.allclose(a, b, rtol=1e-05, atol=1e-08, equal_nan=False) 如果两个数 ...

  9. PostgreSQL REGEXP_REPLACE用法及代码示例

    PostgreSQL REGEXP_REPLACE用法及代码示例: 原文链接:https://vimsky.com/examples/usage/postgresql-regexp_replace-f ...

最新文章

  1. Java 理论与实践: 垃圾收集简史
  2. usb深度检查 清理_巴南区清理化粪池工程队价格合理2020
  3. HarmonyOS之搭建和配置开发环境的流程
  4. tensorboard ValueError: Duplicate plugins for name projector
  5. 学习Spark——那些让你精疲力尽的坑
  6. Android camera(4)---Android Camera开发之基础知识篇
  7. PROFIBUS-DP现场总线的结构及应用
  8. 学习Java随记之swing编程(2)
  9. c语言实现freqspace函数,滤波器程序
  10. matlab 数据正态性检验
  11. 磁性元件:初始磁导率、有效磁导率、品质因数、矫顽力、电感因数。。。。。
  12. vue 强制清除浏览器缓存
  13. “职业丑人”:大公司雇“职业杀手”大裁员
  14. C语言课程设计-满分作业
  15. Python直方图美化:多颜色二维直方图(内附色卡)
  16. 现在不止是开淘宝店赚钱,淘宝周边产业也赚钱
  17. IMEI、iccid、MDN、MSIN、IMSI
  18. html5 点击图片预览放大,jQuery超实用图片放大预览特效插件
  19. MCAD/MCSD课程选择对比
  20. “有些时候,想要赢得天才的尊重,就只能违抗他” |【经纬低调分享】

热门文章

  1. 基于微博评论的文本情感分析与关键词提取的实战案例~
  2. 面试前端的简历的注意事项
  3. HDMI光纤延长器 HDMI高清视频光端机 8路HDMI光端机
  4. tp6中的助手函数是什么意思?
  5. 量子计算为算法指数加速:Shor‘s algorithm
  6. 磁盘相关:磁盘IO、扇区、块与页
  7. 8.时间频度和时间复杂度
  8. 2021年广西甘蔗播种面积、产量及进口情况分析:广西甘蔗产量占全国甘蔗总产量的68.56%[图]
  9. 数据库三种概念模型——层次模型,网状模型,关系模型的优缺点总结
  10. XDS100 V2仿真器驱动及安装指导