设计网站的时候,有的时候会弄一些超大的图片轮播器,但是这个时候图片不能正常居中显示了,解决办法如下:
假设图片长度1920px,宽度683px.
ul{
width:100%;
height:683px;
position:relative;
overflow:hidden;
}
li{
position:absolute;
width:1920px;
left:50%;
margin-left:-960px;
}
其中,left,margin-left是关键。
设计网站的时候,有的时候会弄一些超大的图片轮播器,但是这个时候图片不能正常居中显示了,解决办法如下:
假设图片长度1920px,宽度683px.
ul{
width:100%;
height:683px;
position:relative;
overflow:hidden;
}
li{
position:absolute;
width:1920px;
left:50%;
margin-left:-960px;
}
其中,left,margin-left是关键。