之前在做表单项组件时,发现实例子级元素(也就是图中的选择器),无法自由调整宽度,只能通过拥抱内容和填充容器调整。
通常我们要调整的话,只能通过组件母版或者解除实例,但这两种都有各自的弊端,要么实例会一起调整,要么组件属性会丢失。
那么我们可以试试这2种方式:
1.子级宽度 = 实例宽度:在母版中,将「表单标签」宽度变为0,子级宽度=实例宽度,通过调整实例宽度直接修改
2.增加调整层:通过调整层的「内边距」,来控制子级元素的宽度。另外经小伙伴提醒,补充了最小宽度~
我是范米花儿,专注于做自己的组件库,持续分享figma、可视化、b端设计相关内容。主页更多精彩哦~
发评论!每天赢奖品
点击 登录 后,在评论区留言,系统会随机派送奖品
2012年成立至今,是国内备受欢迎的设计师平台,提供奖品赞助 联系我们
AI时代的设计师生存手册
已累计诞生 670 位幸运星
发表评论 已发布1条