【问题标题】:How to reduce letter spacing when text tries to wrap?文本尝试换行时如何减少字母间距?
【发布时间】:2014-06-19 05:50:49
【问题描述】:

当文本尝试换行时,CSS 有没有办法减少 letter spacing

例如,如果我在固定宽度的父级中有一个段落,如下所示:

| Here is some |
| text         |

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

DEMO HERE

【问题讨论】:

  • 我想这就是你想要的w3schools.com/cssref/…
  • @rjdmello - 我需要根据文本是否尝试换行来动态更改letter-spacing...不要为我的文本设置动画。
  • @fizzix 不过这还是很酷的哈哈
  • 你可能需要使用 jquery 并做一些类似这样的事情jsfiddle.net/rCekh/3
  • @rjdmello - 虽然文本仍然换行到下一行..?

标签: javascript jquery html css


【解决方案1】:

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

【讨论】:

    【解决方案2】:

    尝试根据您的情况使用空白集。

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

    【讨论】:

    • 正如我的问题所述,这必须是自动化的。不是通过对我需要减少字母间距的每个单独的文本块应用一个类。
    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 2022-12-22
    • 1970-01-01
    • 2012-02-24
    • 2013-08-11
    • 2023-03-14
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多