一尘不染

如何使用CSS将图片放在div中?

css

我想将所有图像都放在CSS中(我知道的唯一方法是将它们作为背景图像放置)。

但是此解决方案中的问题是您永远不能让div占用图像的大小。

所以我的问题是:<div><img src="..." /></div>在CSS中拥有等效功能的最佳方法是什么 ?


阅读 1313

收藏
2020-05-16

共1个答案

一尘不染

Jaap的回答:

<div class="image"></div>​

和在CSS中:

div.image {
   content:url(http://placehold.it/350x150);
}​

这已经在Chrome,firefox和Safari上进行了测试。(我在Mac上,所以如果有人在IE上有结果,请告诉我添加它)

2020-05-16