圖片只能通過在div html和css後添加'img'來編輯

我正在構建一個網站，並嘗試在我的CSS文件中調整div圖片的大小，雖然我無法做到這一點。我通過將img放在CSS文件中的div名稱之後解決了這個問題。在構建以前的網站時，我不必這樣做，是否有修復或者我做錯了什麼？任何幫助將不勝感激。我將在下面提供一個例子。謝謝:)圖片只能通過在div html和css後添加'img'來編輯

圖像不會調整

HTML

<div class="example_image"> 
    <img src="example.jpg"> 
</div>

CSS

.example_image{ 
    width: 333px; 
    height: 333px; 
}

* CSS是不讓我調整我的圖像*

.example_image img{ 
    width: 333px; 
    height: 333px; 
}

來源

2016-07-26 rmce

你工作的方式正是你應該怎麼做的。 –

通過這樣做

.example_image{ 
    width: 333px; 
    height: 333px; 
}

你只是調整在圖像所在的股利。圖像在調整大小的div中保持較小。

這

.example_image img{ 
    width: 333px; 
    height: 333px; 
}

沒有明確調整圖像大小。由於div在此之後不能保持小型化，因此也調整了大小。

建立以前的網站時，我沒有必要這樣做，有沒有修復或我做錯了什麼？

如果你沒有還設置寬度和高度爲繼承IMG，這樣只能是真：

.example_image{ 
 
    width: 333px; 
 
    height: 333px; 
 
} 
 
.example_image>img{ 
 
    width:inherit; 
 
    height:inherit; 
 
}

<div class="example_image"> 
 
    <img src="example.jpg"> 
 
</div>

來源

2016-07-26 19:35:55 nicael

我這樣一個愚蠢的錯誤！這很有道理，謝謝你清理。 – rmce

-1

U可以使用CSS的div背景圖片：url（'[path u pic]'）; background-size：cover;你可以使用css的img object-fit：cover;這不工作，即11歲以上。

來源

2016-07-26 19:35:56

圖片只能通過在div html和css後添加'img'來編輯

回答

相關問題