如何在Edge 88浏览器中正常启用CSS自动连字符(auto hyphens)功能?
Edge 浏览器下 CSS
hyphens 属性失效问题 实际异常表现
- 实测使用 CSS
hyphens属性完成文本断字时,发现该属性在 Edge 浏览器中完全无法正常生效 - 对照公开浏览器兼容性数据,
hyphens属性从 Edge 88 版本开始就应提供原生支持,但当前使用的正是该版本,功能并没有按预期运行 - 尝试添加
-ms-厂商前缀做兼容处理,带前缀的属性在 Internet Explorer 中可以正常工作,但在 Edge 中依然完全失效,出现了同内核下 IE 功能正常、Edge 反而不生效的反常兼容问题
现有临时方案的局限
目前在 Edge 环境下唯一能跑通的断字效果,是在 HTML 源码中大量手动植入软连字符
­完成断字
该方案虽然不需要依赖 CSS 配置,但会直接造成 HTML 代码冗余臃肿。而 CSS 配置hyphens: auto本就设计为无需手动添加­、即可自动在合适位置插入断字连字符,手动加软连字符的方式完全抵消了这个属性的设计价值
核心疑问
- 公开的兼容性标注是否存在偏差,没有标注出 Edge 平台下
hyphens属性的实际生效前提,导致大家误以为 88 版本以上直接可用? - 有没有可行的适配方法,能让自动连字符断字功能在 Edge 浏览器中正常运行?
内容的提问来源于stack exchange,提问作者jac
相关产品推荐
相关产品推荐

