【问题标题】:CSS max-height not being applied to image tagCSS最大高度未应用于图像标签
【发布时间】:2014-10-16 16:34:14
【问题描述】:

我有以下代码:

.goplots {
        height: auto;
        width: auto;
        max-height: 50px;
        float: left;
}

此 HTML 代码与 MediaWiki 图像混合:

<div class="goplots">
[[File:{{PAGENAME}}-CC.png|Cellular components]]
</div>

问题是图像仅在修改width 值时才会调整大小。它不适用于heightmax-height。我尝试了一切都没有成功。怎么回事?

【问题讨论】:

  • 您的意思是使用 MW 语法 ([[File:{{PAGENAME}}-CC.png|50px]]) 还是使用 css 更改宽度值?

标签: html css mediawiki


【解决方案1】:

添加这个

.goplots img {
    max-height: 100%;
}

您还需要将max-height 应用于包含的img,这将在必要时使其高度缩小,同时保持其比例以适合其容器.goplots

【讨论】:

    猜你喜欢
    • 2014-02-04
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2013-08-03
    • 1970-01-01
    • 2020-11-11
    • 2021-06-12
    • 1970-01-01
    相关资源
    最近更新 更多