代码之家 › 专栏 › 技术社区 › clickbait

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

centering center margin css3 css

clickbait · 技术社区 · 6 年前

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

可以抵消吗 auto 利润率?例如,使左边距是右边距的两倍大?

1 回复 | 直到 6 年前

Scott Weaver 6 年前

您可以使用一些空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>

推荐文章

SNYDERHAUS · 不影响居中HTML元素的伪元素

7 年前

Barton Lewis · 使用内联stlyes在html电子邮件中水平居中td

7 年前

Lavandysh · 调整大小后如何使窗体居中于屏幕中间

7 年前

Dr. Fabian Habersack · 编写/应用“减去均值”函数来标准化回归参数

7 年前

user8385857 · 居中CSS幻灯片

7 年前

M. GR. · 使用display flex[复制]将多个项目居中

7 年前

Detoxical · 我如何制作一个带有圆形边框的div,并使其中的fa图标居中?

7 年前

user7259161 · 引导响应网格上的中心DIV

8 年前

y_nk · 水平可滚动列表完全居中,具有动态宽度项

8 年前

Tad · 使用GridLayoutManager时,Android RecyclerView单元格始终左对齐

8 年前