2013-07-05 56 views
0

找不到解决方案来对齐我的滑块。这里我有什么http://codepen.io/Kuzyo/pen/vbhDF
cnt有宽度100%,因为我想我的cnt块超出窗口。
cnt-wrap对于每个cnt-blocks都有5200px的宽度。
我怎样才能将滑块居中,而我的cnt-blocks超出窗口。对不起,我的awfull解释。感谢您的建议将窗口中心置于中心位置

+0

你能解释更多吗!你是什​​么意思通过集中**滑块**? – Boynux

+0

从你的例子来看,它并不像你在幻灯片之间进行动画制作。如果没有动画发生,则不一定需要使用滑块,而是可以使用基本的显示/隐藏功能在单击时显示适当的内容。 – relic

+0

现在我只想将html和css预处理为js/jQuery。
在这里,我想实现http://ru.wix.com/website-template/view/html/748?originUrl=http%3A%2F%2Fwww.wix.com%2Fwebsite%2Ftemplates%2Fhtml%2Fall%2F3&bookName = create-master-c&galleryDocIndex = 4 –

回答

1

您不需要您的.ctn元素具有100%的宽度来容纳孩子。你想将它设置为你的滑块应该占用的宽度(可能是960像素或1120像素或其他)并居中。可能还需要设置隐藏的溢出。您的.cnt-block-wrap宽度为5200px将容纳幻灯片内部。

.cnt { 
    height: 100%; 
    margin: 0 auto; 
    overflow: hidden; 
    width: 960px; 
    position: relative; 
} 
+0

我已经尝试过,它将内容居中,但如果我将动画我的块将会超出cnt,但不是窗口 –

+0

@YaroslavKuzyo不知道我理解你的评论,但我我要去猜测问题是你需要在你的容器元素上有一个位置。看到上面的编辑。 – relic

+0

再次查看上面的示例代码,之前没有注意到,但它似乎是水平滚动页面使用锚标记作为您的滑块?当你说'中心'的时候,我一直在想你的意图是为你的滑块居中放置一个视口,但是你是否说你想要滚动到的内容部分以屏幕为中心,并且仍然有可见内容它的左边和右边? – relic