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

我不能让一个div水平居中

css html

SaroGFX · 技术社区 · 7 年前

我无法在我的网站上找到一个div#buttonwrap中心。我已经试过了书中建议的每一个选项 this similar post . 但它仍然不起作用。奇怪的是#BackgroundRap可以很好地处理相同的代码。我已经整理了CSS和HTML标记,但没有任何帮助。

希望有人能帮我解决这个问题,它已经把我逼疯了,几乎删除了我所有的代码!完整代码在此处联机: http://setup.industries/projects/masqueradeclassix/

.buttonwrap {
    margin: 0 auto;
    position: relative;
    width: 100%;
    display: block;
    float: none;
}

/* parent */

#container {
    width: 100%;
    height: 100%;
 }

3 回复 | 直到 7 年前

Quentin 7 年前

width: 100%;
margin: 0 auto;

它是100%宽,自动利润。

因此,计算出的边距将其置于中心。

信息技术

Praveen Kumar Purushothaman 7 年前

好的,这就是你需要的。我真的很想让你从那里找到解决方案,但你看:

.buttonwrap {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  text-align: center;
}

预览

Johannes 7 年前

如果 width margin: 0 auto; -它已填充其容器的宽度。使 宽度 小于100%的值或固定像素值。

推荐文章

Jamie · 在CSS链接的文件名中添加Jinja占位符

1 年前

Mass · 如何在Tailwind CSS v4中创建配置

1 年前

magenta placenta · 将css变量合并为一个变量

1 年前

ptownbro · 重叠分区标签,同时保持以下所有分区和内容就位

1 年前

Luke Frost IEng MIMechE · Bootstrap 5.3在Div中的项目位置没有如我所期望的那样显示

1 年前

user29519291 · 为不同的变量创建一个带有可重用Click函数的简单菜单

1 年前

john Rizzo · 按钮背景颜色、悬停和活动状态存在问题

1 年前

Ben Halicki · 带有垂直和水平滚动条的表,使用HTML/CSS/Bootstrap-5固定行和列

1 年前

Luckkks · 过渡色工作不正常

1 年前

ModernEraCaveman · 如何对齐我的Bootstrap容器以适应网页的整个宽度?

1 年前