所有边距都是相等的，但有些边距比其他边距更相等

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>