html轮播图水平居中

轮播图用了Img没用background，如果是background的话就可以直接background-postion : center

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
<style>
    #tt {
        background-color:#FF0000;
        width: 100%;
        height:1000px;
        overflow: hidden;
    }
    #tt .img
    {
        width:1920px;
        margin:0 calc(50% - 960px);
    }
</style>

<div id="tt"><img src="http://b.zol-img.com.cn/desk/bizhi/image/5/1920x1080/1418984437613.jpg" class="img"/></div>

如图，拉小浏览器的宽度，图片可以保持居中显示

本博客所有文章除特别声明外，均采用 CC BY-SA 4.0 协议 ，转载请注明出处！