Html 不是简单的DIV的水平中心

所以我做了研究，我了解了利润率：0自动技巧，但我没有成功地实现它

如果你导航到并找到主页上的第二个滑块，你就会明白我的意思。如果少于4个项目，则产品会偏向一边

我相信我想要使用的代码如下

.catalog .items { width: 1004px; margin: 0 auto; }
.catalog .item-block-1 { width: 210px; margin: 0 25px -25px 0; }

我试过以下方法

.catalog .items { width: 100%; margin: 0 auto; }
.catalog .item-block-1 { width: 210px; margin: 0 auto; }

我可能需要将.catalog中的.items居中？唯一的目录代码是

.catalog { padding: 0 0 52px 0; }

对于某些人来说，使用他们的开发工具来检查站点并查看我做错了什么可能更容易，但我非常愿意提供任何缺失的信息

---

谢谢你们的帮助。。我知道这是一个简单的解决办法，但我做了一些根本错误的事情，希望有人能指出给我。

您只想将文本放在元素的中心吗？如果是这样，就加上

.catalog .items { width: 100%; margin: 0 auto; text-align:center; }

如果希望元素本身居中，则宽度应小于100%，请尝试

.catalog .items { width: 50%; margin: 0 auto; }

我给你买了这个

花了我一段时间

只需粘贴此代码

    .main-menu{float:left;
   width:100%;
   background:#fff;
   overflow:hidden;
   position:relative;}

.main-menu ul {
   clear:left;
   float:left;
   list-style:none;
   margin:0;
   padding:0;
   position:relative;
   left:50%;
   text-align:center;
}
.main-menu ul li {
   display:block;
   float:left;
   list-style:none;
   margin:0;
   padding:0;
   position:relative;
   right:50%;
}

.main-menu ul li a {
   display:block;
   margin:0 0 0 1px;
   padding:3px 10px;
   text-decoration:none;
   line-height:1.3em;
}

---

我相信。目录。项目已经居中。如果没有足够的空间来填充滑块第二张幻灯片中显示的空间，我希望实际的.items在.catalog中居中。基本上，我希望它们的行为与最简单的解决方案类似，即从.catalog.items中删除宽度：1004px，并添加display:flex；显示：-webkit flex；证明内容：中心-webkit内容：中心；to.catalog.你确定这是给我的吗？该死，对不起，老兄，我试图修复你的滑块，被你的导航分心了，然后完全忘了我为什么在页面上。。。。无论如何，你的导航在页面上不是居中的，如果你添加我发布的代码，你会得到一个完全居中的导航