网页图片通栏实现的思路，谁能指导一下？_html/css_WEB-ITnose

经常看到网站上有很多通栏的效果，比如轮播的banner这种，但是偶尔遇到单个图片宽度为1920px的时候，如何实现图片在网页居中，通栏呢？？网页宽度假设960px，图片宽度1920px。
麻烦讲下思路，或者写个代码例子。谢谢。

如图：

回复讨论(解决方案)

不限制body的宽度，然后在每个模块设置相应的宽度即可。、

另外，不推荐使用分辨率非常高，或者文件特别大的文件，会导致加载速度慢等问题。

不限制body的宽度，然后在每个模块设置相应的宽度即可。、

另外，不推荐使用分辨率非常高，或者文件特别大的文件，会导致加载速度慢等问题。

这种状况基本很少把，一般都是一开始把网站框架搭好，临时遇到什么修改的就这种情况，也不可预料。代码怎么实现图上的效果呢，可以详细讲一下吗？

不限制body的宽度，然后在每个模块设置相应的宽度即可。、

另外，不推荐使用分辨率非常高，或者文件特别大的文件，会导致加载速度慢等问题。

这种状况基本很少把，一般都是一开始把网站框架搭好，临时遇到什么修改的就这种情况，也不可预料。代码怎么实现图上的效果呢，可以详细讲一下吗？

轮播的图片一般都是宽高一致的，对于你说的那种效果，可以参考一下dnspod.cn,那个轮播，中间的图片是固定的，其余都是背景色。

代码里面实现的效果：
示例效果就懒得优化了，大概意思是这个。

  	 	 	 img 	  		.content{			width:50%;			background-color: red; 		} 		.lunbo{ 			width:100%; 			background-color: blue; 		}	 	 	 		
		fdsaflkdsa11202112101lfdskaljfdsalkfjdsalkfdjsaklfdsadfsaas

      
查看更多关于网页图片通栏实现的思路，谁能指导一下？_html/css_WEB-ITnose的详细内容...
        

          
声明：本文来自网络，不代表【好得很程序员自学网】立场，转载请注明出处：http://haodehen.cn/did108954