自定义Flex项目的宽度

Question

我在一个伸缩容器中有一组3个伸缩项目。

.container{
 display: flex;
}

<div className="container>
   <div className="item1">Lorem Ipsum</div>
   <div className="item2">Lorem Ipsum</div>
   <div className="item3">Lorem Ipsum</div>
</div>

如何使item1占用的空间是item2和item3的两倍。本质上，我希望行宽度被item1占用一半，而另一半被item2和item3占用。