如何使用CSS将图片放入div？
如何使用CSS将图片放入div？
提问于 2012-05-31 16:07:40
我想有我的所有图像在CSS (唯一的方法，我知道如何把它们作为背景图像)。
但此解决方案中的问题是，您永远不能让div获取图像的大小。
所以我的问题是:在CSS中拥有<div><img src="..." /></div>的等价物的最佳方式是什么？
回答 3
Stack Overflow用户
回答已采纳
发布于 2012-05-31 20:32:42
以下是Jaap的回答：
<div class="image"></div>在CSS中：
div.image {
content:url(http://placehold.it/350x150);
}你可以在这个链接上尝试一下：http://jsfiddle.net/XAh2d/
这是一个关于css content http://css-tricks.com/css-content/的链接。
这已经在Chrome，firefox和Safari上进行了测试。(我在mac上，所以如果有人在IE上有结果，请告诉我添加它)
Stack Overflow用户
发布于 2012-05-31 16:14:21
您可以这样做：
<div class="picture1"> </div>并将其放入您的css文件中：
div.picture1 {
width:100px; /*width of your image*/
height:100px; /*height of your image*/
background-image:url('yourimage.file');
margin:0; /* If you want no margin */
padding:0; /*if your want to padding */
}否则，就像普通的那样使用它们。
Stack Overflow用户
发布于 2012-05-31 16:16:17
请将此代码作为示例代码。将imageheight和image width替换为您的图像尺寸。
<div style="background:yourimage.jpg no-repeat;height:imageheight px;width:imagewidth px">
</div>页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/10829675
复制相关文章
相似问题