如何为固定数量的文本设置元素高度?

内容来源于 Stack Overflow,并遵循CC BY-SA 3.0许可协议进行翻译与使用

  • 回答 (2)
  • 关注 (0)
  • 查看 (64)

如果某些文本占据了大约10行,那么我如何调整其容器的大小,使其只显示前3行,并隐藏其他行呢?显然这是可行的,但我认为这是不可靠的:

.container {
    height: 7.5ex; /* 2.5ex for each visible line */
    overflow: hidden;
}
提问于
用户回答回答于

如果您要使用这个,您应该确保line-height总是2.5倍

.container {
  line-height: 2.5ex;
  height: 7.5ex; /* 2.5ex for each visible line */
  overflow: hidden;
}

演示

用户回答回答于

字体高度是通过设置“行高”属性来定义的。因此:

.container {
    height: 3em; /* 1em for each visible line */
    overflow: hidden;
}

下面是有关CSS长度单位的更多信息:http://www.w3.org/TR/CSS21/syndata.html#length-units

所属标签

可能回答问题的人

  • 找虫虫

    0 粉丝0 提问6 回答
  • 优惠活动秘书

    0 粉丝2 提问6 回答
  • 天使的炫翼

    17 粉丝531 提问5 回答
  • 爸爸

    腾讯 · 客户端安全 (已认证)

    4 粉丝4 提问5 回答

扫码关注云+社区

领取腾讯云代金券