高度和最小高度在Firefox中不工作

我有我的3D設計工作完美，如預期在鉻，但不是在Firefox！高度和最小高度在Firefox中不工作

事情是我有一個空的圖像標記，我需要填充它，所以我給它一個最小高度;但它不工作。此外，如果我試圖使用固定高度，它也不起作用！我已經看到了解決方案，但唯一與我合作的是display：block，但是這會產生比解決問題更多的問題，因爲它不會按預期顯示我的CSS，如果我嘗試在Firefox中調整它，那麼它會將我的Chrome設計; overflow :hidden也不起作用

<ul> 
    <li> 
    <div> 
     <img /> 
    </div> 
    </li> 
</ul> 

li {display:inline; float:left;} 
li img{width:300px;height:380px;}

是否有另一種方式旁邊的顯示塊???

來源

2017-05-08 ma1169

[有大量的方法來設置'display']（https://developer.mozilla.org/en-US/docs/Web/CSS/display?v=example ）...你應該閱讀一下'inline'和'block'究竟是什麼意思，然後看看'inline-block'。 –

要在Firefox中使用指定的寬度和高度顯示破碎的圖像，可以使用-moz-force-broken-image-icon屬性。
這個Mozilla的特定屬性在其他瀏覽器中不起作用。

li { 
 
    display: inline; float: left; 
 
} 
 

 
li img { 
 
    width: 300px; height: 380px; 
 
    -moz-force-broken-image-icon: 1; 
 
}

<ul> 
 
    <li> 
 
    <div><img></div> 
 
    </li> 
 
    <li> 
 
    <div><img></div> 
 
    </li> 
 
</ul>

來源

2017-05-08 18:40:27

這就是你如何告訴mozillander。 –

高度和最小高度在Firefox中不工作

回答

相關問題