让banner图片居中的方法

Posted 鐦鐦

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了让banner图片居中的方法相关的知识,希望对你有一定的参考价值。

有的时候,美工做一个图片,是做1920px宽的,但是我们的分辨率是1440px的,咋整呢?这个时候margin是解决不了问题的!

鸡汁如我,想到了这样一个被千千万万个人想到的好主意!那就是为banner加个class名字,然后里面加上img标签。

然后对于外面的banner div标签设置css:position:relative; left:50%; margin-left:-960px; width:1920px; 

这第二种方式就是直接给banner的div标签一个背景图,然后让背景图margin:0 auto;就完事儿了!是不是超级简单的?

 

以上是关于让banner图片居中的方法的主要内容,如果未能解决你的问题,请参考以下文章

[转]一种让超大banner图片不拉伸全屏宽居中显示的方法

大banner居中

如何让一个img在div中居中,而img的宽度可能比div还大

word中如何让文字与图片上下居中?

CSS让图片垂直居中的几种技巧

CSS让图片垂直居中的几种技巧