网页版，动态列表为什么老是与内容有个小间距怎么去掉

18935092632 · 发表于 2018-9-19 15:39:33

官方试一下吧，这个动态列中插入图片，老是不能0边距。头疼试了好多方法不行。

18935092632 · 发表于 2018-9-19 15:42:16

18935092632 · 发表于 2018-9-19 15:47:12

本帖最后由 18935092632 于 2018-9-19 15:48 编辑

未命名-11.png

上边还多出一小点，应该是有5px的边距，这个边距怎么清0呢。左边应该是5px的2倍

牛刀服务-YZH · 发表于 2018-9-19 17:53:08

前端页面开发建议先熟悉下浏览器自带元素审查的使用,网上有教程可以看下,这个是前端必备技能,不用太受会看样式就行
1.先讲左右空白:f12审查可以看到,左右空白处是来自于list下li组件自带的左右内边距,(绿色的是内边,橙色的是外边),图1
这样我们只要在牛刀制作台设置li左右内边为0即可去掉空白间隔,见图2,图3
2.再说上面的空白:相同操作可以看到这个空白来自于list组件下listTemplateUl组件(黄色头的列表模板组件),自带了底部外边距10px,图4
这是为了让list组件和上面的组件存在一些距离,毕竟连在一起的布局比较难看,这里的listTemplateUl组件没有提供样式修改所以我们不能直接改这个组件边距
那么这里我们可以修改list上面的组件的外部下边距(我这边是一个div区块组件,下边距设置-10px刚好是抵消了listTemplateUl上的10px下边距),效果见图5

18935092632 · 发表于 2018-9-20 20:22:32

牛刀服务-YZH 发表于 2018-9-19 17:53
前端页面开发建议先熟悉下浏览器自带元素审查的使用,网上有教程可以看下,这个是前端必备技能,不用太受会看 ...

问题解决了感谢！请结贴

		自动登录	找回密码
密码			注册

[已结贴] 网页版，动态列表为什么老是与内容有个小间距怎么去掉