.slideShow{position: relative;margin: 100px auto;height: 300px;width: 4000px;overflow: hidden;} .slideShow ul{ position: relative;width: 2000px; } .slideShow ul li{float: left;width: 4000px} .slideShow .nav{text-align: center;position: absolute;right: 10px;bottom: 10px;font-size: 12px;line-height: 18px;} .slideShow .nav span{ -webkit-user-select:none;user-select:none;float: left;cursor: pointer;border-radius: 9px;display: inline-block;width: 18px;height: 18px;background:rgba(0,0,0,0.7);margin-left: 2px;color: #fff;opacity: 0.5;} .slideShow .nav span.active{opacity: 1;}调整这段代码，使运行的效果图处于网页中心

可以将.slideShow的margin属性改为：

margin: 100px auto;

改为：

margin: 100px auto 0;

同时，将.slideShow ul的width属性改为：

width: 4000px;

改为：

width: 100%;

这样就可以将幻灯片的宽度设置为网页宽度，从而使幻灯片可以居中显示。