在 prestashop 主题中居中 div

Question

看似简单的任务，我似乎做不出来。如果您查看页脚附近的 http://www.ftina-pc.gr/demo/，我需要将旋转木马 header 置于中心位置。我已经添加

#productTabs {    display: inline-block;}
.tab_wrapper {    text-align: center;}

这确实使它居中，但我对宽度有疑问

我正在努力让它看起来像

谁能帮帮我？

Answer 1

尝试添加

#productTabs > li {
    float: none;
    display: inline-block;
}

Answer 2

将这些样式添加到 #productTabs div 中的 li 元素（这是 bootstrap 的解决方案）：

float: none;
display: inline-block;

您也可以尝试将其抓取到另一个 div 并添加：

position: absolute;
left: 50%;
transform: translateX(-50%);

另一种但不精确的方法是通过添加 left: X%; 将第一个 li 元素向右推 ~40%;风格。

Center a div in prestashop theme