中心块CSS

在wordpress网站上工作。无法对齐产品类别块。首先，它将只显示4个产品时，每。如果我设置为5，则为行，如果设置为4，则为3，等等。我修正了这一点，与边距有关。类别块有点偏离中心，真的很烦人。下面是我使用的块的一些代码。任何帮助都将不胜感激。

---

以下样式可能导致内容未正确居中

。内容部分左侧{
填充：50px 30px 20px 98px；
}
.内容部分左ul{
左侧填充：40px；
}
.内容部分左ul{
左侧填充：20px；
}

如果您删除或调整它，应该可以解决页面中心问题

。内容部分左侧{
填充：50px 30px 20px；
}
.内容部分左ul{
填充：0；
}

以下样式可能导致内容未正确居中

。内容部分左侧{
填充：50px 30px 20px 98px；
}
.内容部分左ul{
左侧填充：40px；
}
.内容部分左ul{
左侧填充：20px；
}

如果您删除或调整它，应该可以解决页面中心问题

。内容部分左侧{
填充：50px 30px 20px；
}
.内容部分左ul{
填充：0；
}

您是否尝试过使用Flexbox？与硬编码边距和填充相比，这是一种更好的组织元素的方法。我看了flexbox，真的忘了。我对这一点还不熟悉，并查看了试图实现但被卡住的代码。学习这一点的时间很短。下面的代码不起作用，请尝试强制使用！重要的是，我知道没有好的做法，但无论如何都不起作用。page-id-1608.wc-block-grid_uu产品{显示：flex！重要；对齐内容：中心！重要；对齐内容：中心！重要；边框：2px solid 35; 182c6d；}您尝试过使用Flexbox吗？与硬编码边距和填充相比，这是一种更好的组织元素的方法。我看了flexbox，真的忘了。我对这一点还不熟悉，并查看了试图实现但被卡住的代码。学习这一点的时间很短。下面的代码不起作用，请尝试强制使用！重要的是，我知道没有好的做法，但无论如何都不起作用。page-id-1608.wc-block-grid__产品{display:flex！重要；justify content:center！重要；align content:center！重要；border:2px solid 35; 182c6d；}我将您的代码放在上面的特定页面上，但它将所有内容移到了最左边。我发现我自己的作品是围绕着这个类别展开的，有点像黑客，但它奏效了。忽略此处的边框以产生影响。page-id-1608.wc-block-grid_u_产品{margin:-4px；border:2px solid 35; 182c6d；}好的，很高兴你能使用它。我在上面的特定页面上输入了你的代码，但它将所有内容移到了最左边。我发现我自己的作品是围绕着这个类别展开的，有点像黑客，但它奏效了。忽略此处的边框以产生影响。page-id-1608.wc-block-grid_uu产品{margin:-4px；border:2px solid 35; 182c6d；}好的，很高兴你能成功。

.page-id-1608 .wc-block-grid__product {
margin: 0;
padding-top: 15px;
padding-bottom: 15px;
padding-right: 15px;
padding: 15px;
}