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

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

centering center margin css3 css

clickbait · 技术社区 · 7 年前

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

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

1 回复 | 直到 7 年前

Scott Weaver 7 年前

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

推荐文章

HappyMe · HTML/CSS-如何在三个div中居中,独立于周围的div

7 年前

Sam · 使用Bootstrap 4将图像居中放置在另一个图像的顶部

7 年前

azro · 将不同大小的图像居中的通用方法

7 年前

AnonymousPug 55 · 如何使用Python 3在Tkinter中居中放置标签?

7 年前

PatrikJ · 宽度灵活的灯箱

7 年前

Leon N · 在HTML和CSS页面上居中显示图像

8 年前

Dave · 无法使用文本对齐将文本居中:居中

8 年前

user7803115 · 在较小的父对象中水平居中旋转div

8 年前

Natesh bhat · 如何将QComboBox中的文本设置为与中心对齐,而不使其在PyQt中可编辑

8 年前

Wilson · 使用以css为中心的页面剪裁或省略号文本困难

8 年前