-2

我试图将所有产品集中在这个 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/

4

2 回答 2

0

有点难以理解你的真正意思，但我对它进行了破解；不太清楚，因为我认为它看起来很好，但这是使它与中心对齐的原因。虽然它不是完美的编码，但它会帮助你。

转到第 1427 行并在您的 css 中使用以下内容更改当前行；wp-content/themes/stickems/style.css?ver=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

于 2014-04-03T17:17:55.917 回答
0

试试这些风格的改变是否对你有帮助。

.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
}
于 2014-04-03T17:33:09.867 回答