【问题标题】:Keep image same height as div保持图像与 div 高度相同
【发布时间】:2013-12-16 06:22:05
【问题描述】:

我正在努力使此图像与 div 容器的高度相同,我尝试将 max-height、min-height 正常高度设置为 auto 和 100%。似乎没有什么可以使高度合适。我知道这张图片看起来不太好,但我只需要它适合。

这是一个例子 - http://jsfiddle.net/UkrdP/

img 代码 -

.portfolioItem {
    float: left;
    overflow: hidden;
    position: relative;
    width:40%;
    height:auto;
}

【问题讨论】:

    标签: html css


    【解决方案1】:

    如果不使用 JavaScript,我能想到的唯一方法就是将 .itemheight 属性显式设置为一定数量的 px,同时开启 height: 100%; .portfolioItem

    编辑: 比如:http://jsfiddle.net/3HP5A/

    【讨论】:

      【解决方案2】:

      确实如此。

      .portfolioItem {
          display: inline-block;
          position: relative;
          width:40%;
          height:100%;
      }
      

      【讨论】:

      • 据我所知,这似乎无法解决 OP 的问题。
      猜你喜欢
      • 1970-01-01
      • 1970-01-01
      • 2012-06-02
      • 2014-03-26
      • 2023-03-16
      • 2020-08-27
      • 1970-01-01
      • 1970-01-01
      • 2018-12-29
      相关资源
      最近更新 更多