css - 位置 : absolute element 内的水平居中

标签 css html position css-position

margin-left: auto; margin-right: auto 当容器是 staticrelative 定位时,水平居中的方法效果很好,但当它是 absolute< 时似乎失败了定位。

有没有办法让 auto 边距在这种情况下起作用?出于某些原因,我需要容器为 absolute

最佳答案

绝对定位,根据定义,将使用 0,0 作为您定位的引用点。

我的建议是使用 position:absolute 和宽度为 100% 的容器,然后使用 position: 0 auto 指定任何你想要居中的内容。

关于css - 位置 : absolute element 内的水平居中,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/13665870/

相关文章:

javascript - 精确平移和缩放到 svg 节点

html - 使用 Sass 或 CSS 选择空元素的父元素

css - 在 SVG 中添加背景图像

html - 垂直居中 :after content in Bootstrap 3 panel-heading

javascript将文本拆分为单词列表,然后动态添加到div,表单标签搞砸了

javascript - 如何更改由破折号分隔的两个单词属性?

html - 如何使用 Laravel 添加视频背景作为横幅?

jquery - 如何避免布局 div 上的 JQuery toggle() 导致布局四处移动?

Javascript获取div的绝对位置

html - 对齐图像的正确 CSS 是什么?