所有利润均等，但有些利润比其他利润更平等

Question

div {
    width: 100px;
    margin: 0 auto;
}

该CSS水平居中一个块元素。

有可能抵消auto利润率的比例吗？例如，左边距是右边距的两倍吗？

Answer 1

你可以使用一些空的div并以两倍的速率“弯曲”左侧：

body {
  display: flex;
}

#left {
  flex: 2
}

#content {
  width:100px;
  background-color: pink;
}

#right {
  flex: 1
}

<div id="left"></div>
<div id="content">content</div>
<div id="right"></div>