【问题标题】:Fluid images - portrait/landscape流体图像 - 纵向/横向
【发布时间】:2012-11-25 07:02:38
【问题描述】:

我有一个简单的幻灯片(列表项),但是是纵向和横向图像的组合。我正在研究一个流体网格,所以一切基本上都是 100% 的。

我想知道是否有办法让所有图像保持相同的高度,但宽度却保持它们的比例。所有图像在上传时都具有相同的高度 - 2000px。

在此处查看网站:http://goo.gl/BdFUj

在此处查看所需的输出:http://d.pr/i/HJUH

谢谢, 回复

【问题讨论】:

  • 是的。使用css,给它们一个高度:200px(或其他)和一个自动宽度。并将每个图像包装在具有所需宽度的 div 中以保持网格布局。

标签: css image height fluid


【解决方案1】:

简单的 CSS 声明;

img.gallery-image {  //substitute for the appropriate class, obviously
    height: 2000px;
    width: auto;
}

就这么简单。

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 2012-07-01
    • 1970-01-01
    • 1970-01-01
    • 2014-02-07
    • 1970-01-01
    • 1970-01-01
    • 2013-05-12
    相关资源
    最近更新 更多