javascript - 创建一个较小的 div 副本?

标签 javascript jquery css html

我有一个充满文本、照片等的 div。它是动态生成的,通常高宽比约为 10:1。

我想在同一页面上创建此 div 的副本,但使其成为宽度的 1/8。

编辑:所有内容也应为 1/8 比例。

这个瘦高的概述 div 不需要能够与之交互,只需准确显示另一个较大的 div 的内容即可。

有什么想法我会/应该怎么做吗?

谢谢!

最佳答案

您可以使用 jQuery 的 clone() 方法进行复制,使用 css() 方法来改变宽度。

  var w = $("#thediv").width();
  var clone = $('#thediv').clone().css("width", w/8);

然后您可以使用 append() 方法将此克隆放置到您页面上的某个新位置。但是请注意,新宽度将取决于您正在克隆的 div 的内容。因此您可能需要设置溢出等以确保其正常工作。

关于javascript - 创建一个较小的 div 副本?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/6085473/

相关文章:

css - 如何使用 CSS 移除框的底部边框

javascript - 如何在ace编辑器上设置焦点?

javascript - 查找行索引的有效方法?

html - 如何使div的内容居中

javascript - 当 name 属性是一个数组时,如何使用 Javascript 和 Ajax 将 HTML Select 标记传递到 PHP $_POST 并使用一个(数组)var

javascript - Node.js Express 发送原始 HTTP 响应

javascript - 将事件分派(dispatch)到 .subscribe JavaScript 方法

javascript - 使用 Javascript 中的一维数组对锯齿状多维数组进行逐元素过滤

jquery - 有没有办法像 IE 一样在 firefox 中将 alt ="text"显示为鼠标悬停工具提示?

javascript - 如何使用 File 对象作为 css 图像源?