如何在文本换行时减少字母间距

How to reduce letter spacing when text tries to wrap?

本文关键字:文本 换行      更新时间:2023-09-26

当文本尝试换行时,CSS是否有办法减少字母间距?

例如,如果我有一个固定宽度的父段落,像这样:

| Here is some |
| text         |

是否有可能,而不是将文本换行到下一行,自动减少字母间距以强制它适合而不溢出父div,如:

演示

我做了一些研究,正如我所料,目前没有javascript是不可能的。如果这对你来说不是问题,请检查这个答案:CSS text justify with letter spacing

根据您的需要尝试使用空白集。

white-space:nowrap and letter-spacing:-1px;