编程小妖女
前端控件中的 Hyphenation 究竟在做什么
原创
关注作者
腾讯云
开发者社区
文档
建议反馈
控制台
登录/注册
首页
学习
活动
专区
圈层
工具
MCP广场
文章/答案/技术大牛
搜索
搜索
关闭
发布
编程小妖女
社区首页
>
专栏
>
前端控件中的 Hyphenation 究竟在做什么
前端控件中的 Hyphenation 究竟在做什么
编程小妖女
关注
发布于 2026-04-22 09:49:43
发布于 2026-04-22 09:49:43
123
0
举报
概述
在图文密集的界面里,长单词或复合词一旦撞到容器边缘,要么整块被挤到下一行,要么被粗暴地从任意位置截断,这两种结果都很伤排版。Hyphenation 的目标,就是让控件在多行换行时,按语言学的音节或词法规则把单词切分,并在行尾展示一个连字符,从而兼顾可读性与版式紧凑度。CSS 把这件事抽象成 hyphens 这样的属性,浏览器在具备对应语言词典时就能自动完成;当原生能力不足时,可以用软连字符或脚本库
原创声明:本文系作者授权腾讯云开发者社区发表,未经许可,不得转载。
如有侵权,请联系
cloudcommunity@tencent.com
删除。
前端
原创声明:本文系作者授权腾讯云开发者社区发表,未经许可,不得转载。
如有侵权,请联系
cloudcommunity@tencent.com
删除。
前端
评论
登录
后参与评论
0 条评论
热度
最新
推荐阅读
领券
问题归档
专栏文章
快讯文章归档
关键词归档
开发者手册归档
开发者手册 Section 归档
0
0
0
推荐