gpt4 book ai didi

css - 中心 jquery slider 与 css

转载 作者:行者123 更新时间:2023-12-02 22:41:43 24 4
gpt4 key购买 nike

我的页面上有一个 jquery slider ,当页面足够宽以适应它但与窗口的左边缘对齐并在窗口较小时移动时,它会居中。下面是我的 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;}

最佳答案

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

居中通常在以下情况下有效:

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

我看不到...

你真的应该也添加你的 HTML,如果可能的话启动一个 jsfiddle 并包含链接。这样其他用户可以玩它并为您解决它,我们也可以更好地理解您的代码。

希望对你有帮助

关于css - 中心 jquery slider 与 css,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/10705478/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com