带有居中方向箭头的全宽 flexSlider答案

【问题标题】：Full width flexSlider with centered direction arrows带有居中方向箭头的全宽 flexSlider
【发布时间】：2014-09-12 20:29:00
【问题描述】：

我在全宽模式下使用 flexSlider
对于我正在构建的网站。请参阅此处：
http://clients.tipoos.com/glam/
请注意，该站点具有滑块的全宽部分，但所有其他内容使用名为 .main

的一致类居中

我想要完成的工作似乎很容易，但我无法让它发挥作用：我想保持滑块全宽，但像这样将箭头居中：

我尝试编写小 Jquery 来用 div 包裹箭头，但没有成功。
wrap 和 wrapAll 都不起作用..

将不胜感激任何帮助
谢谢

【问题讨论】：

【解决方案1】：

找到了解决办法。希望它会帮助这里的任何人。为了使箭头居中但仍然有一个全宽滑块我使用了以下 CSS：

.flexslider .flex-direction-nav {
  margin: 0 auto !important;
  max-width: 980px;
  position: relative;

}

解释：

边距：0 auto !important;
这使箭头容器居中

最大宽度：980px；
根据您的网站宽度提供固定宽度

位置：相对；
这使魔术。它允许将箭头定位在主 div 内

我还在我的箭头上添加了负顶部位置，但这只是我的情况
希望对任何人都有帮助。

【讨论】：