jquery - 带有方形图像的网格布局( overflow hidden )

标签 jquery css jquery-mobile

我正忙于在网格的每个 div 中包含图像的网格布局。但是我想让每个图像都变成一个正方形,所以必须隐藏所有溢出。我唯一的问题是,宽度设置为“20%”,如何使高度与该 div 的确切宽度一致?

最佳答案

你可以使用padding-bottom:100%

此技术对于保持对象的纵横比(在您的情况下为平方比)非常有用。唯一的缺点是 div 必须设置为 position:relative 并且在里面你必须有 position:absolute 的元素。

关于jquery - 带有方形图像的网格布局( overflow hidden ),我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/13113589/

相关文章:

javascript - Jquery 幻灯片 - 初始图像上的时间

javascript - 如何使用 jQuery 调整 DIV 行的大小

javascript - 将数据主题添加到所有项目

javascript - 使用循环滚动div

javascript - 将 BrowserWindow 移动到右下角

javascript - 使用 jquery、javascript 防止回发

html - 如何删除按钮 Logo 后面的文字?

html - 为什么小空间不断出现在我的网页中?

javascript - 如何禁用单选按钮但不禁用它的标签?

javascript - jQueryMobile button() 与 HTML <button> 初始化