adobe xd插件中的Flexbox布局问题
adobe xd插件中的Flexbox布局问题
提问于 2019-03-01 13:48:55
在adobe中，当我使用弹性包装时，子元素相互重叠。
示例
代码：
<div
style={{
display: "flex",
flexWrap: "wrap",
height: 400,
width: 600,
border: "solid 1px #ddd",
overflow: "scroll"
}}
>
{this.state.images.map(({ png, description }, i) => (
<img
style={{
border: "solid 1px #ddd",
padding: 7,
margin: 4,
borderRadius: 4,
display: "flex",
flexDirection: "column"
}}
alt={description}
src={png}
key={i}
height={64}
width={64}
/>
))}
</div>但是，如果我使用更小的图像大小，它就不会重叠。
示例
代码
<div
style={{
display: "flex",
flexWrap: "wrap",
height: 400,
width: 600,
border: "solid 1px #ddd",
overflow: "scroll"
}}
>
{this.state.images.map(({ png, description }, i) => (
<img
style={{
border: "solid 1px #ddd",
padding: 7,
margin: 4,
borderRadius: 4,
display: "flex",
flexDirection: "column"
}}
alt={description}
src={png}
key={i}
height={34}
width={34}
/>
))}
</div>我不能在浏览器中复制这个错误，看起来就像它只存在于adobe插件中。
回答 1
Stack Overflow用户
发布于 2019-03-05 18:51:03
这是XD当前版本中的一个已知错误。谢谢你的报道。在未来的XD更新(可能是XD 20或21)中，我们将以您的方式进行修复。请继续关注！
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/54945992
复制相关文章
相似问题
腾讯云开发者
