有没有办法让
情况:我正在构建一个使用Business Catalyst CMS的站点。我有一个使用列表构建的产品列表。这一切都很好,除非你移动屏幕,其中一个产品标题超过三行,它使行在跳跃下,只显示一个或两个产品而不是三个。
见样本:
http://sklzaustralia.businesscatalyst.com/baseball-softball
移动屏幕,直到其中一行有间隙。这个差距是我想要避免的。
产品随模块导入,因此我可以将css添加到单个列表项中。它必须是一般的或
我也知道如果我在
解决这个问题的想法......?
答案 0 :(得分:0)
我在电子商务网站遇到了同样的问题,其中产品标题的范围从2个字到6个或更多,并且还在产品图片下方添加了简短描述。
您需要评估
中的元素<div class="shop-product-small clear">
...并且不幸地定义了高度和最小高度以确保每个产品div总是相同的高度。也可以使用较小的@media宽度播放font-size。
答案 1 :(得分:0)
当li低于断点时(当出现间隙时),将li的宽度设置为50%。
或者,如果您使用的是bootstrap,只需将.col-xs-6
添加到您的li。