起步软件技术论坛
搜索
 找回密码
 注册

QQ登录

只需一步,快速开始

查看: 1618|回复: 4

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

[复制链接]

151

主题

493

帖子

1046

积分

金牌会员

Rank: 6Rank: 6

积分
1046
QQ
发表于 2018-9-19 15:39:33 | 显示全部楼层 |阅读模式
未命名-8.png

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

151

主题

493

帖子

1046

积分

金牌会员

Rank: 6Rank: 6

积分
1046
QQ
 楼主| 发表于 2018-9-19 15:42:16 | 显示全部楼层
未命名-9.png
回复 支持 反对

使用道具 举报

151

主题

493

帖子

1046

积分

金牌会员

Rank: 6Rank: 6

积分
1046
QQ
 楼主| 发表于 2018-9-19 15:47:12 | 显示全部楼层
本帖最后由 18935092632 于 2018-9-19 15:48 编辑

未命名-11.png
上边还多出一小点,应该是有5px的边距,这个边距怎么清0呢。左边应该是5px的2倍
回复 支持 反对

使用道具 举报

发表于 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

01.png
02.png
03.png
04.png
05.png
回复 支持 反对

使用道具 举报

151

主题

493

帖子

1046

积分

金牌会员

Rank: 6Rank: 6

积分
1046
QQ
 楼主| 发表于 2018-9-20 20:22:32 | 显示全部楼层
牛刀服务-YZH 发表于 2018-9-19 17:53
前端页面开发建议先熟悉下浏览器自带元素审查的使用,网上有教程可以看下,这个是前端必备技能,不用太受会看 ...

问题解决了 感谢!请结贴
回复 支持 反对

使用道具 举报

您需要登录后才可以回帖 登录 | 注册

本版积分规则

小黑屋|手机版|X3技术论坛|Justep Inc.    

GMT+8, 2024-3-29 13:19 , Processed in 0.112871 second(s), 26 queries .

Powered by Discuz! X3.4

© 2001-2013 Comsenz Inc.

快速回复 返回顶部 返回列表