最新下载
热门教程
- 1
- 2
- 3
- 4
- 5
- 6
- 7
- 8
- 9
- 10
CSS去掉图片img边框及如何防止图片撑破DIV
时间：2022-06-25 11:15:57 编辑：袖梨 来源：一聚教程网
我们常常会遇到以下情况：
1、img图片多了边框，特别是链接后的图片带边框
2、图片超出撑破DIV
查看 CSS设置图片宽度高度
下面我们通过CSS来解决这2个问题。
1、img图片多了边框，特别是链接后的图片带边框
有边框的图片
根据以上图，我们对图片加链接，结果图片出现了边框，
解决方法：
我们只需在初始化IMG标签CSS即可
img{ padding:0; border:0;} 加入此CSS即可消除边框
CSS去掉图片边框效果
2、图片超出撑破DIV
我们常常会遇到由于一个图片过宽过大，撑破了我们设置的宽度。
解决办法
使用CSS控制改对象IMG标签宽度即可，假如该对象为.yangshi设置宽度为500px，那我们就只需设置.yangshi img{max-}但是在IE6中max-width是失效的，那我们最好解决办法，在上传图片的时候更加设置宽度，让图片本身宽度小于该地方设置宽度即可，这样感觉很麻烦，但是很多大的网站都是这样解决，一可以避免撑破设置宽度，二可以降低图片大小让浏览器更快打开网页。
总结：
1、一个网页中难免有图片，这时我们需要初始化img标签即：img{ padding:0; border:0;}
2、避免图片过宽撑破网页，我们建议在上传图片时候将图片剪切来比设置宽度小，同时还可以对该对象加入overflow:hidden属性，即隐藏超出内容包括图片。
相关文章
- 《无限暖暖》天星之羽获得位置介绍 12-20
- 《流放之路2》重铸台解锁方法介绍 12-20
- 《无限暖暖》瞄准那个亮亮的成就怎么做 12-20
- 《无限暖暖》魔气怪终结者完成方法 12-20
- 《无限暖暖》曙光毛团获得位置介绍 12-20
- 《无限暖暖》日光果获得位置介绍 12-20