在弹性框中设置特定宽度

【问题标题】：Setting a specific width in flex boxes在弹性框中设置特定宽度
【发布时间】：2021-09-12 06:12:00
【问题描述】：

有一个弹性容器。如何设置其中特定元素的特定宽度（以% 或 px 为单位）？（示例是可取的）

【问题讨论】：

【解决方案1】：

请查看此

.parent {
  display: flex;
  border: 1px solid #ddd;
}

span {
  flex:1;
  border: 1px solid red;
}

.item {
  width: 30px;
}

<div class='parent'>
  <span>1</span>
  <span class='item'>2</span>
  <span>3</span>
</div>

【讨论】：