子比主题美化教程：自定义首页每行文章展示数量

简介

子比主题默认状态下，首页卡片模式一行仅能展示4篇文章，普通列表模式一行只展示1篇。想要调整单行展示文章数量，后台没有直接开关，我们可以通过自定义CSS代码实现，支持改成一行5篇、6篇，列表模式也可以改成一行2篇。

操作步骤

代码存放位置

登录网站后台，依次进入：后台 >> 全局&功能 >> 自定义代码 >> 自定义CSS样式，把对应需要的代码粘贴到此位置保存即可。

卡片模式一行5篇

适用于大屏电脑端，卡片布局每行展示5篇文章。

卡片模式一行6篇

适合超宽大屏显示器，卡片布局每行展示6篇文章。

列表模式一行2篇

将原本单列的文章列表，在大屏下改为一行两篇展示。

参数修改说明

代码中calc()括号内的数值可以自行修改，该数值用来控制每一个文章模块的宽度，根据自己网站的实际页面效果微调即可。本套代码经过实测可用，网上很多同类教程会出现布局错乱问题。

避坑注意事项

1. 后台进入 全局&功能 >> 显示&布局 >> 布局宽度，合理设置网站布局宽度，否则底部时间模块容易造成页面错位。
2. 打开 文章&列表 >> 文章列表 >> 列表多图显示，不要开启任何分类的多图展示功能，开启后会引发布局错位。