如果尝试运行三行，则截断文本

Question

我在图片旁边有一个约{140}宽的小<p>。总共有四行文字的空间。前两行是为标题保留的，有两行其他信息。

如果标题超过两行，我希望剪切标题，否则它会将其他信息与图像底部对齐。

我能想到的唯一解决方案是创建一个div，两行的高度，溢出到隐藏。但是，如果标题只有一行，则会留下很大的差距。

解决方案可以是Jquery，普通javascript，CSS甚至PHP（如果可能的话）。

TIA

Answer 1

将标题设置为max-height两行

Answer 2

请记住，IE6不支持属性max-height。此外，限制文本框的大小可能会导致可访问性问题，通常不建议这样做。

由于这是一个内容问题，而不是显示问题，最好在后端处理它 - 如果它是动态文本，将数据库字段限制为适当的字符数，或者用一些php删除它（或者你设置的任何服务器端情况）。使用非等宽字体建立字符计数很困难，但如果不在内容方面限制字符数，则可能会让那些可能使用不能缩放的旧浏览器的视觉不太敏感的用户感到不安所有想象的最新版本的safari和chrome。