超过显示器屏幕宽度的大图片如何居中
2017-10-06 16:22:52 点击：
超过显示器屏幕宽度的大图片怎样居中，网站制作过程中经常遇到这样的问题
一般的方法是：把图片with设置为100%，但是这样只是通过放大或缩小图片铺满屏幕，不是真正意义上的居中。
若要真正居中，一般通过容器背景来实现，比如div背景或li背景等，具体CSS样例代码如下：
background:url('images/1.jpg');
background-repeat:no-repeat;
background-position:top center;
width:100%;
height:100%;
其中：background-position:top center; 这行是关键，意思是：顶部对齐水平居中
这样的居中效果，如果图片宽度超过屏幕宽度，超过的部分会隐藏，看不到。
- 上一篇：js中||运算符（“或”运算）的运用 [2017-10-06]
- 下一篇：bootstrap中col-md-offset、col-md-push和col-md-pull的含义理解，用法解析 [2017-10-06]
