div大小随图片大小自适应

2024-12-29 01:31:08
推荐回答(4个)
回答1:

  你好!其实DIV的宽高要适应于图片的大小,那最好的办法就是不在要div里加入任何的CSS高度和宽度,如果你DIV两边还有内容的话,直接加入一个float就够了,至于宽高都改成auto或为空就行。下面我举个例子,两边分别有DIV,中间放置图像,根据图像大小自动适应,你可以参考一下:
  

这是左边DIV内容,可自动大小

  

  
这是右边DIV内容,可自动大小


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

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

回答2:

用div比较麻烦,你这样吧,直接在table里插入图片就行了,在table上加居中就ok了,table不设定宽度的情况下默认是宽度最小化的,下面是示例





回答3:

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

回答4:

width:auto; height:auto; overflow:hidden;