jQuery 和CSS - 按高度剪切文本,不截断
因为我想切换文本,所以需要隐藏其中的一部分。
问题
- 我的文本高度将为 X 或更少像素。
- div 的高度取决于侧边栏的高度,并且不像此演示那样静态。
- 如果最后一行的字母现在被截断(参见演示),我也想隐藏该行。
看看我的演示: http://jsfiddle.net/qWDLb/1/
我自己的想法是是否可以使用行高或字体大小来计算高度?
Because I want to toggle my text I need to hide a part of it.
Problem
- My text height is going to be X or less pixels in height.
- The height of the div depends on a sidebar height and is not as static as this demo.
- If the letters on the last row are now truncated (se demo), I want to hide that row as well.
Look at my demo: http://jsfiddle.net/qWDLb/1/
My own thougt would be if the height could be calculated by using line-height or font sizes?
如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论
评论(2)
您可以通过以下方式确定行高:
这将为您提供最后带有“px”的高度。这是一个显示 4 行的工作 jsfiddle : http://jsfiddle.net/scaillerie/qWDLb/3/ 。
You can determine line-height with:
This give you this height with 'px' at the end. Here is a working jsfiddle for showing 4 lines : http://jsfiddle.net/scaillerie/qWDLb/3/ .
你会想要与新兴市场打交道。计算出div的高度,如有必要,可以缩小DIV的高度以隐藏部分线条。
http:// /webdev-il.blogspot.com/2011/03/how-to-convert-pixel-to-em-why-use-ems_31.html
You will want to deal with EMs. Figure out the div's height, and if necessary, you can shrink the height of the DIV to hide the partial line.
http://webdev-il.blogspot.com/2011/03/how-to-convert-pixel-to-em-why-use-ems_31.html