立即注册
 找回密码
 立即注册

QQ登录

只需一步,快速开始

我逸网

我逸分享各类计算工具和资料
不再需要查找公式和数据

安逸

我逸预设各种计算条件和经验
结果只在少量调整之间

效率

将繁琐交给我逸
我用故

我逸

[Css] Css文字换行控制

[复制链接]
发表于 2016-7-10 18:21:35 | 显示全部楼层 |阅读模式

word-wrap控制是否换行,设置break-word时强制换行,中文、英文都没有问题,但是对于长串的英文不起作用。

break-word控制是否断词,默认normal不断词(英文);break-all 断词,单词到边界时,下个字母自动换行,解决长串英文的问题;keep-all,对于Chinese、Japanese、Korean不断词,不用word-wrap就可保持不换行(不影响英文)。

div内的一段中文单词,用空格分隔。默认情况下,到了div边界就换行,无论此时是中文还是空格,但此时并不希望中文单词被断开。
为div加上white-space: nowrap属性,整体不换行了,整行溢出div。
为每个单词套上span,将white-space: nowrap属性换到每个单词的span上,恢复div内换行,并且不打断中文单词。

回复 收藏

使用道具 举报

发表于 2018-11-7 15:42:42 | 显示全部楼层
呦呦资源论坛开放注册了!!限时开放注册

iujlb06.com
回复 支持 反对 收藏

使用道具 举报

发表于 2018-11-10 19:24:33 | 显示全部楼层
呦呦资源论坛开放注册了!!限时开放注册

iujlb06.com
回复 支持 反对 收藏

使用道具 举报

发表于 2018-11-18 21:28:48 | 显示全部楼层
呦呦资源论坛开放注册了!!限时开放注册

iujlb06.com
回复 支持 反对 收藏

使用道具 举报

Archiver|服务支持:DZ动力|  

Powered by Discuz! X3.3© 2001-2013 Comsenz Inc.

Copyright © 2016-2022 我逸网 cmd2d.com All Rights Reserved.
备案号:皖ICP备16004147号-1

beian 皖公网安备 34010302000278号

快速回复 返回顶部 返回列表