巧用CSS解决中文断词换行的问题
- 1、下载文档前请自行甄别文档内容的完整性，平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：9:00-18:30)。
巧用CSS解决中文断词换行的问题
巧⽤CSS解决中⽤断词换⽤的问题
中⽤词组有没有办法禁⽤它拆字换⽤？
控制英⽤单词是否断词换⽤，⽤法很多，在这⽤不做讨论。
中⽤字由于是由单个汉字组成，所以禁⽤拆分词组换⽤，实现起来就没那么容易。
在这⽤就介绍⽤个实现禁⽤中⽤词组换⽤的⽤法：例1：默认情况下是这样的。
代码：
<div style="width:220px; background:#ddd;">北京上海⽤州深圳天津呼和哈特重庆武汉沈阳杭州哈尔滨成都</div> 效果：
北京上海⽤州深圳天津呼和
哈特重庆武汉沈阳杭州哈尔
滨成都
例2：使⽤禁⽤换⽤（white-space: nowrap;）会让整段⽤字都不换⽤。
代码：
<div style="width:220px; background:#ddd; white-space: nowrap;">北京上海⽤州深圳天津呼和哈特重庆武汉沈阳杭州哈尔滨成都</div>
效果：
北京上海⽤州深圳天津呼和哈特重庆武汉沈阳杭州哈尔滨成都
例3：给各个词组套⽤个带禁⽤换⽤（white-space: nowrap;）的span标签。
代码如下：
<div style="width:220px; background:#ddd;"><span style="white-space:nowrap;">北京</span> <span style="white- space:nowrap;">上海</span> <span style="white-
space:nowrap;">⽤州</span> <span style="white-space:nowrap;">深圳</span> <span style="white-space:nowrap;">天津</span> <span style="white-space:nowrap;">呼和哈特</span> <span style="white-space:nowrap;">重庆</span> <span style="white-space:nowrap;">武汉</span> <span style="white-space:nowrap;">沈阳</span> <span style="white-space:nowrap;">杭州哈尔滨</span> <span style="white-space:nowrap;">成都</span></div>
效果如下：
北京上海⽤州深圳天津
呼和哈特重庆武汉沈阳杭州
哈尔滨成都
⽤功告成了！
原⽤地址：。