discuz图片模式下的主题列表页，此处修改边距还是...？

discuz论坛图片模式下的主题列表页，右侧红色框那边有空隙不顶格， 默认模板下没有这个问题，我想可能应该是此模板.CSS文件的问题，不知有大神愿意帮助没哈？
目前排查下来，怀疑是模板这个文件（extend_module.CSS）此段代码里面有问题？

/* 帖子列表 */
#autopbn{ border:none;border-top: 3px solid #F6F6F6 !important;}
#atarget{ margin-right:10px;}
.tl th, .tl td {padding:4px 0;}
.tl th .tdpre, .tl td.fn .tdpre{ margin-right:20px;}
.showhide{margin: 5px 0;}
.list2 {background: #F7F7F7;}
.tl .icon{ width:50px;}
.tl .icon img{ width:38px; height:38px; border-radius:3px;}
.tl .num {width:80px;line-height: 14px;text-align: right;}
.tl td.num a {color: {ALLCOL};vertical-align: middle;line-height: 1.1em;font-family: Arial;position: relative;margin-right: -5px;display: inline-block;top: -5px;}
.tl td.num .line {color: #D1D1D1;font-size: 30px;font-family: Arial;line-height: 1em;vertical-align: middle;font-family: Courier New;}
.tl td.num em {color: #333;font-size: 12px;line-height: 1.1em;font-family: Arial;position: relative;margin-left: -5px;vertical-align: middle;display: inline-block;bottom: -5px;}
#separatorline .ts th, #separatorline .ts td{background:#FCFCFC; border-bottom:1px solid #F3F3F3}

/* 图片列表 */
.waterfall .c{ padding:0;}
.waterfall .c, .waterfall h3{ border:none;}
.waterfall li{ background-color:#F8F8F8; background-image:none;box-shadow: 0 1px 2px 0 rgba(210,210,210,.31);-webkit-box-shadow: 0 1px 2px 0 rgba(180,180,180,.5); border:none;border-top: 1px solid #EEE;}
.waterfall .auth{ border:none;}

现在应该是修改图片封面中间的边距呢，还是应该把空隙处的代码问题解决？
哪位大神大佬能够指点帮助，万分感谢哈。。。

调整这里的数值试下

mandy~ 发表于 2018-5-2 13:51
调整这里的数值试下

首先感谢大佬抽空回复我的问题哈，说的这类后台数值调整我还是知道的呢哈，只是完全无效的哟 ，我想应该只是跟模板列表页的CSS问题相关。。。
因为我默认模板下的主题列表的图片模式显示是正常的。。。右边不会出现空隙。。。
可能之前说的不够详细，下面我还是多配图和文字来详细说说问题吧...

根据您所说的列表主题页的宽度数值，按默认值：0（也就是默认宽度为203）
帖子所展示的排列效果如下：
右侧有明显空隙，帖子总数12个，单排为4个。。。

根据您所说的列表主题页的宽度数值，调整为：185，帖子所展示的排列效果如下（数量依然为12个）：
空隙部分较上方明显增大。。帖子总数12个，单排为4个。。。


根据你所说的列表主题页的宽度数值，调整为：145，帖子所展示的排列效果如下（数量依然为12个）：
空隙部分较上面似乎差不多。。。帖子总数12个，单排从4个变为了5个。。。但是空隙较上方并无任何减弱。。。


下面来个极端的数值，当数值调整至80时，显示效果如下。。。
帖子总数12个，单排从5个变为了9个一排。。。但是右侧呢，还是留有空隙....因此。。。


由上面四张图得出结论： 不管主题宽度数值填写多少， 右边始终会有空隙部分，不顶格。。。 至于我放不放封面图片也都是这个相同结果，主题宽度列表数值的大小变化调整，只会影响主题的宽度和单排排序的多少数量的结果，当数值越小时，单排展现的帖子封面越多而已，但右边始终都会有空隙，无法抵消多余的空隙部分。

如我放弃使用这个模板风格，采用DISCUZ 默认模板下 却显示正常，如下图所示：


以上默认模板下，主题封面左右部分完美空隙对称居中（此时主题模板宽度设置默认为0，也就是默认宽度203），右侧完全没有多出的空隙部分... 我想要在新的模板里也像默认模板这样。 。 不要留有最上述四张那种空隙部分。。。。希望大佬看下，问题是不是像我所说的，是我那个模板主题列表CSS文件的问题？？？

最后附上对比图一张，在主题宽度默认相同时，列表页两者空隙部分完全不同，图1右侧空隙部分明显，图2 完全对称，无空隙部分。

latto 发表于 2018-5-3 10:04
首先感谢大佬抽空回复我的问题哈，说的这类后台数值调整我还是知道的呢哈，只是完全无效的哟 ，我想应该 ...

我的意思是慢慢加大数值试试
比如
210x210 220x220 227x227

mandy~ 发表于 2018-5-3 17:29
我的意思是慢慢加大数值试试
比如
210x210 220x220 227x227

不是哦，宽度高度一起调也没用的， 包括宽度或高度一点点调也是不行的，宽度最多调节到210， 每次按数值“1”格格调都不行，210开始，单排为4个，从调成211开始之后，单排数量就变为了3个，右侧最后一个封面，会直接排列到第二行去了，右侧缝隙照样有。。。
下方图片分别展示，210X210（单排4个），211X211（单排3个）， 250X250（单排展现3个），270X270（单排展现3个），350X350（单排开始只展现2个），结论：不管怎么调节数值，无论宽度高度，调节任何数值，宽度和高度，按数值1格格调也完全无用；右边都会有空隙，右边空隙部分完全跟调节数值无关。。。


以下宽度高度分别为：210X210（单排4个）


以下宽度高度分别为：211X211（单排3个，即原先210排列的第四个换行排下去了。），只比210增加了1点，包括 增加2 或 3 4 5 6 7 8 9 只要是210以上，全部单排为3个，都是以下结果，右侧一样有空隙。。。。


以下宽度高度分别为：250X250（单排3个）


以下宽度高度分别为：270X270（单排3个）


以下宽度高度分别为：350X350（单排由3个变成2个了，右侧是大大的空隙。。。）


所以结论：这个模板，不管怎么调节数值，无论宽度/高度，调节任何数值都无效，右侧都会有空隙，另外宽度和高度，哪怕按数值1格1格往上调，一点点增加数值也是完全无用；右边也都会有空隙，现在结论就是主题宽度和高度，调节任何数值，右边都一定会有空隙。。。

宽度和高度 设置不同数值，不相同，也不会有任何效果，比如 宽度210，高度230， 设置成不同数值，也丝毫不会影响右侧空隙，照样会有空隙，所以高度和宽度 无论数值是否相同，无论数值多少，无论数值按多小多大调，右侧都会有空隙，怎么调都会有空隙。。。唉...

但是。。。 默认模板就不会有这类问题。。。 所以我认为问题一定出在这个模板的CSS上了。。。 跟后台调节这些数值是没有关系的，因为最早的时候我就是通过后台调节高度和宽度的， 但是无论调节数值多少，不管一点点增加 还是 宽度和高度不同数值，丝毫不会影响右侧空隙部分，总之结论就是后台调节高度和宽度是不会起到任何作用的，怎么调怎么没用，右侧一定有空隙。。唉。。。

latto 发表于 2018-5-4 17:35
不是哦，宽度高度一起调也没用的， 包括宽度或高度一点点调也是不行的，宽度最多调节到210， 每次按数值 ...

提供页面地址看下