Question

我试图将所有产品集中在这个wordpress页面上，以便所有内容都集中在一起，我尝试将所有内容包装在一个带有以下CSS的div中，但这样做是将内容包装到中间但是产品仍然与之保持一致。

#big-center {
display: -webkit-box;
display: -moz-box;
display: box;

-webkit-box-orient: block-axis;
-moz-box-orient: block-axis;
box-orient: block-axis;

-webkit-box-align: center;
-moz-box-align: center;
box-align: center;

-webkit-box-pack: center;
-moz-box-pack: center;
box-pack: center;
}

我想知道是否有人有任何建议，或者我是否缺少这样做的事情？

这是指向页面的链接：http://www.stickems.co.uk/shop-screen-cleaners/

Answer 1

理解你的真正含义有点困难，但我对它有所了解;没有太清楚，因为我觉得它看起来很好，但是这就是让它与中心对齐的原因。虽然它不是完美的编码，但它会帮助你。

转到第1427行并在css中使用以下内容更改当前的一行;可湿性粉剂内容/主题/ stickems / style.css中？版本= 1.0

.woocommerce ul.products li.product, .woocommerce-page ul.products li.product {
    margin-bottom: 25px;
    margin-left: 38%;
    margin-right: 50%;
    width: 22.125%;
}

正如我所说的，如果这就是你的意思，它就会成功，但它不是完美的编码。从你的问题来看，这就是我所理解的你想要的; http://i.imgur.com/sEV7rVe.png

Answer 2

尝试这些样式更改对您有所帮助。

.woocommerce ul.products li.product{
  float:left; //Remove this
  display:inline-block; //Add this
  margin-right:3.3%; // changed from 3.8 to 3.3
}

.woocommerce ul.products{
  text-align:center; //add this
}

中心网站内容不起作用？

2 个答案: