flex换行后space-between的问题
<!DOCTYPE html>
<head>
<meta charset="utf-8">
<title>demo</title>
<style>
div.container{
width: 280px;
background-color: lightgray;
height: 100px;
display: flex;
justify-content: space-between;
flex-wrap: wrap;
}
div.left{
width: 200px;
background-color: lightgreen;
height: 40px;
flex-shrink: 0;
}
div.right{
width: 200px;
background-color: lightsalmon;
height: 40px;
flex-shrink: 0;
align-self: flex-end;
justify-self: flex-end;
}
</style>
</head>
<body>
<div class="container">
<div class="left"></div>
<div class="right"></div>
</div>
</body>
希望第二行的橘色是靠右的，要怎么改？
希望是如果父元素够宽，就一行显示，如果父元素不够宽，就换行，依然是左右显示。
如果你对这篇内容有疑问，欢迎到本站社区发帖提问 参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱，如果其他用户或者作者回复了您的评论，将不能在第一时间通知您！
发布评论
评论（2）
选择第二行的 然后 margin-left: auto;
DEMO