html - 仅在一定深度内显示元素,直至展开

标签 html css twitter-bootstrap collapsable

这似乎与 bootstrap 提供的 Accordion 功能不同。

举个例子,让我们以“如何格式化”信息为例。我希望它只显示最多 X 像素深,然后停止直到展开。所以它可能看起来像:

enter image description here

然后,一旦展开,

enter image description here

我恰好在使用 bootstrap。是否有 Bootstrap native 或其他 HTML 解决方案来创建这种体验?

假设我只想显示的是单个元素,例如图像,而不是一系列文本。这意味着像 min-height:50px 和 overflow:hidden 这样的解决方案将不起作用,因为它只会隐藏整个图像而不是部分图像。

最佳答案

我们可以使用 jQuery .height() 来了解元素的渲染高度,然后进行条件修改。

Documentation and examples for jQuery .height() .

关于html - 仅在一定深度内显示元素,直至展开,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/27258537/

相关文章:

css - 我如何设计 MVC 5 下拉菜单以匹配 Bootstrap ?

html - Youtube 嵌入的 iFrame 未出现

javascript - facebook如何在浏览器地址栏中重写页面的源URL?

javascript - 在 html 页面中显示 javascript 代码

css - 垂直对齐 IE 6 中的图像

javascript - 外部json文件中的对象应放置在同名的html div中

javascript - 使用 JavaScript 将按钮中的字符串添加到 HTML 字段

html - 为什么我们不能使用 CSS 设置下拉选项的样式?

ruby-on-rails - Rails 应用程序处理 CSS 的方式不同吗?

javascript - Twitter Bootstrap 预输入 : get context/calling element with `this`