我正忙于在网格的每个 div 中包含图像的网格布局。但是我想让每个图像都变成一个正方形,所以必须隐藏所有溢出。我唯一的问题是,宽度设置为“20%”,如何使高度与该 div 的确切宽度一致?
最佳答案
你可以使用padding-bottom:100%
此技术对于保持对象的纵横比(在您的情况下为平方比)非常有用。唯一的缺点是 div
必须设置为 position:relative
并且在里面你必须有 position:absolute
的元素。
关于jquery - 带有方形图像的网格布局( overflow hidden ),我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/13113589/