javascript - 如何将div高度设置为前两行

标签 javascript html css

我有一些带有可变文本的 div,但我只想显示前两行文本,所以我需要设置 div 高度以匹配前两行,并 overflow hidden 以供休息。

使用 px 很容易做到这一点,但我是为智能手机制作的,所以我更愿意使用“中、大、小、x-large”字体大小。有没有办法获得前两行的高度?或者有什么其他方法可以解决这个问题?

谢谢。

最佳答案

如果你想估计每行的高度,也许这段代码对你有帮助:

var fontSize = $(your-div).css('font-size');
var lineHeight = Math.floor(parseInt(fontSize.replace('px','')) * 1.5);

然后你可以计算两个或多个行高。 也许this link也很有帮助。

关于javascript - 如何将div高度设置为前两行,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/20831259/

相关文章:

html - 使用Vue Javascript将JSON数据提取到html文件中的表中时出现问题

java - 如何在网站上放置 Spring 应用程序?

html - 如何将下拉菜单添加到标题导航栏?

html - 调整图像大小以适合 TD 的尺寸

javascript - 重写 !important 样式

javascript - 如何转换具有特定标识符的字符串?

javascript - HTML 5 游戏是否使用 Canvas 和 Javascript?在这种情况下如何防止作弊?

javascript - iOS Objective C - UIWebView 自动填充和执行

html - 如何制作不同尺寸的 flex 元素以在包裹时填充父级

javascript - 为什么 createStore 有效而 configureStore 无效?