【发布时间】:2022-07-27 10:10:41
【问题描述】:
有没有办法将 html 或 css 告诉word-break 一个单词不是通过单个字母而是通过后缀和前缀?
通过设置一个否定的word-spacing: -#px,我可以完成一个单词在我想要的地方中断的外观。缺点是除非它是等宽字体,否则我必须手动计算应该删除多少 word-spacing:。另外我不知道该方法是否会对屏幕阅读器产生负面影响,因为它不会将其作为一个单词而是作为两个或多个单词来阅读。
【问题讨论】:
有没有办法将 html 或 css 告诉word-break 一个单词不是通过单个字母而是通过后缀和前缀?
通过设置一个否定的word-spacing: -#px,我可以完成一个单词在我想要的地方中断的外观。缺点是除非它是等宽字体,否则我必须手动计算应该删除多少 word-spacing:。另外我不知道该方法是否会对屏幕阅读器产生负面影响,因为它不会将其作为一个单词而是作为两个或多个单词来阅读。
【问题讨论】:
假设您控制 HTML 输出,您可以在正确的位置插入 soft hyphens (­)(在前缀之后,后缀之前)。软连字符允许单词在指定位置拆分,并且在拆分时会显示其他不可见的连字符或破折号。没有办法让浏览器自动执行此操作;您需要手动或通过某些脚本或编程语言运行文本来指定软连字符的放置位置。
【讨论】:
如果您有固定的宽度和字体,您可以在单词中添加破折号来打断它。没有其他内置解决方案。
【讨论】: