CSS white-space 控制空白和换行
2023-04-18 14:30:12 时间
发表于2017-08-012019-01-01 作者 wind
以前只是记得在某些样式中需要控制换行似乎才用这个样式,今天我才知道这个属性有这么多的属性值可以设置,其实这个样式关注的是对空白和换行符的处理,尤其是几个pre开头的值,非常的实用啊,对于保留空格效果是很有用的,保证格式的同时又可以保证html 标签能够解析:
值 | 描述 |
---|---|
normal | 默认。空白会被浏览器忽略。 |
pre | 空白会被浏览器保留。其行为方式类似 HTML 中的 <pre> 标签。 |
nowrap | 文本不会换行,文本会在在同一行上继续,直到遇到 <br> 标签为止。 |
pre-wrap | 保留空白符序列,但是正常地进行换行。 |
pre-line | 合并空白符序列,但是保留换行符。 |
inherit | 规定应该从父元素继承 white-space 属性的值。 |
真正的对连续非中日韩字体换行应该使用样式word-break:break-all;表示在单词内任意位置都可以换行,还有一个另外的值是keep-all表示只有在空格或者是连字符时才可以换行。
相关文章
- 聊一聊操作系统八股文背诵版
- Linux红外驱动重点解析
- Windows 10 21H1正式版推送!微软公布升级条件:放心上
- Cloudera英特尔携手走过一年 加速企业采用Hadoop平台
- Windows 10强烈不建议更新的3大理由,一个比一个难受
- Google I/O 2021:Chrome一键修改泄露密码新功能
- 警惕!大数据营销中你丢了什么?
- 微软 Windows 10 21H1 正式版官方 ISO 镜像下载大全
- Chrome 开始测试 RSS 驱动的「关注」功能,Google Reader 得以延续
- 微软:2022年6月15日彻底结束IE浏览器的使命
- 详解Appium环境搭建(百分之百成功)
- IE 浏览器再见,微软将于 2022 年 6 月 15 日删除个人版 Windows 10 中的 IE 11
- Linux 文件描述符 fd 究竟是什么?
- 直接下载!Windows 10 21H1五月更新官方ISO镜像:版本Build 19043
- 电脑一直显示正在准备Windows请不要关机怎么办?
- 鸿蒙内测三批直通车-51CTO HarmonyOS技术社区专属绿色通道开启
- 关于大数据服务上云的思考
- BDaas “大数据即服务”的时代即将到来?
- 鸿蒙系统UI标准:HarmonyOS中的字体标准
- Linux用户宝典:Microsoft 365的五大开源替代工具