1、定义与属性

1.1、word-wrap

允许长单词换行到下一行

语法
word-wrap: normal|break-word;
描述
normal 只在允许的断字点换行(浏览器保持默认处理)。
break-word 在长单词或 URL 地址内部进行换行。

1.2、word-break

在恰当的断字点进行换行

语法
word-break: normal|break-all|keep-all;
描述
normal 使用浏览器默认的换行规则。
break-all 允许在单词内换行。
keep-all 只能在半角空格或连字符处换行。

2、案例分析

<!DOCTYPE html>
<html lang="en"><head><meta charset="UTF-8"><title>断句</title><style type="text/css">.text1{width: 120px;height: 100px;background-color: gray;word-wrap: break-word;}.text2{width: 120px;height: 100px;background-color: red;word-break: break-all;}</style></head><body><p class="text1">There is no royal road to learning.</p><p class="text2">There is no royal road to learning.</p></body>
</html>

此时,使用 word-wrap: break-word; 为了防止长单词溢出,就在它的内部断句了。

使用 word-break: break-all; 不会尝试把长单词挪到下一行,而是直接进行单词内的断句。

英文断句:理解 word-wrap、word-break用法相关推荐

  1. word-break|overflow-wrap|word-wrap——CSS英文断句浅析

    ---恢复内容开始--- word-break|overflow-wrap|word-wrap--CSS英文断句浅析 一 问题引入 今天在再次学习 overflow 属性的时候,查看效果时,看到如下结 ...

  2. Nlp SBD 文本断句 包含中文 和英文断句

    根据目前学习,中文断句  standford nlp可以实现中文分词和断句,下面有不同api的例子,大家可以试试 package com.example.utils;import java.io.Bu ...

  3. 断句规则 Segmentation Rule

    断句规则 Segmentation Rule 每个语言有自己的断句规则. 例如拉丁语系使用句号(.),问号(?),冒号(: ),感叹号(!)断句; 而中文使用句号(.),问号(?),冒号(:),感叹号 ...

  4. C#,动态规划问题中基于单词搜索树(Trie Tree)的单词断句分词( Word Breaker)算法与源代码

    分词是自然语言处理的基础,分词准确度直接决定了后面的词性标注.句法分析.词向量以及文本分析的质量.英文语句使用空格将单词进行分隔,除了某些特定词,如how many,New York等外,大部分情况下 ...

  5. YELP NLP 英文文本断句

    @关于Yelp NLP Project的介绍和问题设定 STEP 1.2: SENTENCE TOKENIZATION WITH spaCy 查了一些资料之后,我决定将reviews 和 senten ...

  6. 英文样式教师求职简历免费word模板

    10款英文样式教师求职简历免费word模板,也可用于其他专业和职业,个人免费简历模板,个人简历表免费,个人简历表格. 声明:该简历模板仅用于个人欣赏使用,请勿用于商业用途,谢谢. 下载地址:百度网盘, ...

  7. 北理工校友发明文言文“填词大师”,断句、造词都能做,高考文言文满分靠它了...

    萧箫 发自 凹非寺 量子位 报道 | 公众号 QbitAI 都说GPT-3能接人话,补充上下文关系,中文版的"填词大师"你见过没? 不仅是中文版,这个"填词大师" ...

  8. [转载]英语语音断句规则

    [转载]英语语音断句规则 (2012-05-19 19:20:20) 转载▼ 标签: 转载   原文地址:英语语音断句规则作者: 星梦港湾 英语语音断句规则 1. 有标点的地方常是断句所在. 如: J ...

  9. cαr怎么发音_【英语拼读发音规则】连读、略读、重读、断句、语调……

    在说汉语的时候,我们讲究的是"字正腔圆.掷地有声",而英语恰恰相反,它需要将一句话中的某些重点词汇突出,弱化非重点词汇. 所以,对已经习惯了"字正腔圆"的我们来 ...

最新文章

  1. 受控组件和不受控组件的区别
  2. Linux Kernel ‘install_user_keyrings()’竞争条件漏洞
  3. MFC改变对话框背景图片实例
  4. 线程的run()方法带参情况
  5. 七月算法--12月机器学习在线班-第五次课笔记—回归
  6. IOS 学习笔记 2015-04-15 手势密码(原)
  7. k折交叉验证优缺点_K最近邻(KNN)算法
  8. 1.79亿实景三维项目!与房地一体有何区别?
  9. LayaAir graphics 矢量绘图之直线、折线、曲线
  10. mysql使用总结(C#)
  11. mysql生成百万条数据_mysql 快速生成百万条测试数据
  12. 针对华为荣耀6移动高配版(H60-L11)的root工作
  13. 解锁中智集团30平方米数据中心备受追捧的密码
  14. F22.YOLO深入理解(V1-V3)个人感觉非常详细
  15. 傅里叶变换,其物理意义是什么?(转)
  16. 一到放假就稀里糊涂过
  17. pcb 受潮_硬盘SATA接口断裂及PCB板受潮_希捷 Barracuda 3TB 7200转 64MB_固态硬盘评测-中关村在线...
  18. 安卓版谷歌浏览器怎么样 Android版Chrome评测
  19. Mac OS中Git版本更新(亲测有效)
  20. 第三期“一生一芯”报名启动:100个名额

热门文章

  1. RoadFlow ASP.NET Core工作流配置文件说明
  2. 课堂管理系统——Android
  3. 开源堡垒机jumpserver及麒麟堡垒机安装
  4. 0x00007FFBD3780C0C (opencv_world341d.dll)处(位于 Project7.exe 中)引发的异常: 0xC0000005: 写入位置 0x0000000000000
  5. 植物大战僵尸python源代码_植的解释|植的意思|汉典“植”字的基本解释
  6. CSS3 - footer 固定在底部(无论页面多高始终在底部)
  7. 第二章 数据类型,运算符和表达式总结【完美补充文字版】(超级详细)
  8. vis.js网络拓扑图第一个demo,vis-network.min.js的下载
  9. Jenkins 错误java.lang.NoClassDefFoundError: hudson.model.Computer
  10. Flash游戏制作规划与流程漫谈