【发布时间】:2014-11-28 22:49:11
【问题描述】:
有没有办法截断字符串以适应特定的框大小并且只保留完整的单词?
CSS 解决方案截断到盒子大小,但会打断单词:
.truncate {
width: 250px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
虽然 php truncate 将字符串切割为字符数,而不是框长度。例如,具有许多 i 的字符串将比具有许多 M 的字符串占用更少的空间。
有没有两全其美的方法?
【问题讨论】:
-
您应该以像素为单位设置字体大小,然后在该字体大小上除以框的总宽度(以像素为单位),以获得每行中应包含的字符数。