2011-11-15 29 views

回答

1

除非您使用单间距字体,否则不会太容易,因为不同的字母宽度不同。如果你对字符的数量没有问题,你可以计算出一个JS方法,并且只填充你找到的长度的一个子字符串,并用链接/省略号来表示还有更多。

你可以用来实现你的目标的一种方法是使用div标签,其高度正好等于你的3行文本(你将有一些试验/错误)并指定你想要的宽度。 HTML会在这个宽度内自动换行。然后,您需要为div标签指定overflow:hidden的样式属性。

这样做会在3行后面隐藏剩余的文本。

然后,您可以左/右对齐下面的“更多...”链接...我会在JS中以编程方式执行此操作,因此在描述相同之后没有“更多...”链接或少于3行。

请率,如果有帮助

+0

这里是另一个很好的文章与其他选项:http://stackoverflow.com/questions/4748798/html-css-specify-number-of-lines-inside-span。 (有一个很好的CSS3解决方案)。 –

+0

这正是我想我会得到的答案。感谢您的意见,我认为它是正确的答案。 – Jrud

相关问题