【问题标题】:Truncate string to words AND box size将字符串截断为单词和框大小
【发布时间】:2014-11-28 22:49:11
【问题描述】:

有没有办法截断字符串以适应特定的框大小并且只保留完整的单词?

CSS 解决方案截断到盒子大小,但会打断单词:

.truncate {

  width: 250px;

  white-space: nowrap;

  overflow: hidden; 

  text-overflow: ellipsis; 

}

虽然 php truncate 将字符串切割为字符数,而不是框长度。例如,具有许多 i 的字符串将比具有许多 M 的字符串占用更少的空间。

有没有两全其美的方法?

【问题讨论】:

  • 您应该以像素为单位设置字体大小,然后在该字体大小上除以框的总宽度(以像素为单位),以获得每行中应包含的字符数。

标签: php jquery html css


【解决方案1】:

我认为 CSS 不可能。有一个 jQuery 插件我用来做这个,http://dotdotdot.frebsite.nl/

希望对你有帮助, 加雷斯

编辑: 刚刚在重复的帖子中发现了这一点,https://stackoverflow.com/a/13015271/1692802 解释说 CSS 有一种方法,但它已从标准中删除,并且许多浏览器不支持 text-overflow:ellipsis-word;。另外,上面也有人提到了上面的插件!

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 2011-10-02
    • 2019-01-03
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2021-10-28
    • 1970-01-01
    • 2018-08-06
    相关资源
    最近更新 更多