Question

这是一个我似乎与客户一遍又一遍地遇到的问题。他们的标题空间有限，比如图片标题。这个空间是有限的，因为它是在一系列彼此相邻的盒子里，让我们说。然而，客户拒绝试图限制标题长度。但与此同时，他们并不希望这个文本包装好。

我已经尝试了几种不同的方法来解决这样的问题...类似于text-overflow，当strlen()用于向溢出文本添加省略号时{{1}在title属性中，我尝试根据full text重新调整字体大小以使文本适合。

只是想知道是否有人对这种情况有更优雅的解决方案？

Answer 1

我可能会误解你，但如果你说有效的解决方案是省略号那么可以使用以下样式在CSS中完成

white-space: nowrap;
overflow: hidden;
text-overflow:ellipsis;

无需使用Php。

Answer 2

或者从CSS解决方案中，如果客户端不介意省略号，您也可以查看此jQuery解决方案。

这样做的好处是您的全文仍然在页面上，用于索引和排名。