Question

我的页面上有一个jquery滑块，当页面足够宽以适合它但是与窗口的左边缘对齐时会居中，当窗口较小时会移动。下面是我的CSS - 我错过了什么吗？

#billboardWrapper {height:600px;width:100%;margin:-170px 0 0 0px; position:relative; overflow:hidden; /*border-width: 0 20px 20px 20px; border-style:solid; border-color: {{settings.billboard_color}}; /* can't use border shorthand. IE9 has a rendering bug, see more notes in the ie8.css file */ }

#billboard {height:600px;width:1000px;position:relative;/*background:#1c1c1c;*/ background-position: 50% 0pt;}

#billboardPrev,
#billboardNext { display:block; text-indent:-9999px; position:absolute; left:40px; top:270px; width:30px; height:30px; cursor:pointer; background: url(arrows.png) no-repeat 0 0; z-index:99;}
#billboardNext {left:auto; right:40px; background-position:0 -92px; }

.slide {height:600px;width:1000px;display:none;  } 
.slide img {height:600px;  width:100%; background-position: 50% 0pt;  
.slideLeftLayout .slideTitle,.slideLeftLayout .slideText,.slideLeftLayout .slideLink {left:50px;}
.slideRightLayout .slideTitle,.slideRightLayout .slideText,.slideRightLayout .slideLink {right:50px;text-align:right;}

Answer 1

也许它在大屏幕上偶然集中。

中心通常在您拥有：

时有效

width: (any-FIXED-WIDTH-value); - Good spot Bram Vanroy ;)
margin: auto;

我看不到......

你也应该添加你的HTML，如果可能的话，启动一个jsfiddle并包含链接。通过这种方式，其他用户可以使用它并为您解决，我们也可以更好地理解您的代码。

希望有所帮助

中心jquery滑块与CSS

1 个答案: