在开发中可能遇到这种场景,一个包括分隔线的弹窗,分隔线上方是内容,下方是按钮。
通常要给弹窗添加内边距padding。但是这样分隔线左右也会出现边距。需要单独取消它的边距。
此时较为方便的做法是把分隔线左右的外边距margin设置为 - (父元素左右padding值)。
假设父元素 padding 为 20 :
Divider().margin({ left: -20, right: -20 })
此时分隔线成功分隔了整个弹窗。
在开发中可能遇到这种场景,一个包括分隔线的弹窗,分隔线上方是内容,下方是按钮。
通常要给弹窗添加内边距padding。但是这样分隔线左右也会出现边距。需要单独取消它的边距。
此时较为方便的做法是把分隔线左右的外边距margin设置为 - (父元素左右padding值)。
假设父元素 padding 为 20 :
Divider().margin({ left: -20, right: -20 })
此时分隔线成功分隔了整个弹窗。