我很想在我的Woocomerce活动商店中展示2列产品。 我使用基于'Shopisle'的儿童主题,但我不确定实现目标的最佳方式是什么。一个纯CSS的解决方案将是可行的?它的行为是否正确,没有任何错误?在手机上实施2列 - Woocommerce
我相信这个主题使用Bootstrap作为基础,但我不是100%确定的。
在此先感谢!
我很想在我的Woocomerce活动商店中展示2列产品。 我使用基于'Shopisle'的儿童主题,但我不确定实现目标的最佳方式是什么。一个纯CSS的解决方案将是可行的?它的行为是否正确,没有任何错误?在手机上实施2列 - Woocommerce
我相信这个主题使用Bootstrap作为基础,但我不是100%确定的。
在此先感谢!
不知道这是你想要的 - 因为你在这里几乎没有任何代码示例。
但通常我会做的是利用Flexbox的:
.wrapper-of-all-products {
display: flex;
justify-content: space-between;
align-items: flex-start;
flex-wrap: wrap;
}
.product {
width: 49%; // just to be sure there is a gap
box-sizing: border-box;
}
当然,你需要改变的类名。我不知道他们如何被称为。
到目前为止,您做了什么来实现这一目标? – lumio
嗨,@ lumio! 我试图使用以下规则来设计CSS风格: .woocommerce ul.products li.product { width:50%; margin:0; } 结果是这样的:http://imgur.com/Etstat8 – deLiz