div大小随图片大小自适应

发布网友发布时间：2022-05-10 09:22

共4个回答

热心网友时间：2023-07-31 11:58

　　你好！其实DIV的宽高要适应于图片的大小，那最好的办法就是不在要div里加入任何的CSS高度和宽度，如果你DIV两边还有内容的话，直接加入一个float就够了，至于宽高都改成auto或为空就行。下面我举个例子，两边分别有DIV，中间放置图像，根据图像大小自动适应，你可以参考一下：
　　<div style="float:left">这是左边DIV内容，可自动大小</div>
　　<div style="float:left; width:auto; height:auto"><img src="1.jpg" width="200" height="200" /></div>
　　<div style="float:left">这是右边DIV内容，可自动大小</div>

　　提示：如果页面宽度固定掉的话，那就会自动下来，否则会无限跟着图像大小走。其实这种做法在真正的页面设计中是不可取的，因为这样做会破坏整个页面的布局，如果你要像微博型图像设置的话，这倒是可以采纳的。

　　希望我的回答能令你满意！

热心网友时间：2023-07-31 11:58

用div比较麻烦，你这样吧，直接在table里插入图片就行了，在table上加居中就ok了，table不设定宽度的情况下默认是宽度最小化的，下面是示例
<table border="0" cellpadding="0" cellspacing="0" style="margin:0 auto;">
<tr>
<td><img src="图片链接" width="100" height="100" /></td>
</tr>
</table>

热心网友时间：2023-07-31 11:59

div不设置大小用图片做背景

热心网友时间：2023-07-31 11:59

width:auto; height:auto; overflow:hidden;来自：求助得到的回答