如何在Flex布局中应用margin-right

在Flex布局中，可以使用margin-right属性来设置元素在主轴方向（水平方向）上的右侧外边距。这样可以控制元素之间的间距，使布局更加灵活和美观。

以下是一个简单的示例，演示如何在Flex布局中应用margin-right属性：

<style>     .container {         display: flex;         justify-content: space-between;     }      .item {         flex: 1;         margin-right: 10px;         background-color: lightblue;     } </style>  <div class="container">     <div class="item">Item 1</div>     <div class="item">Item 2</div>     <div class="item">Item 3</div> </div> 

在上面的示例中，.container类设置为Flex布局，并且使用justify-content: space-between;属性将项目平均分布在容器内。每个.item类设置为flex: 1;使其均匀地填充可用空间，并且margin-right: 10px;给每个项目添加右侧外边距。

通过调整margin-right的值，可以根据需要调整项目之间的间距。