Javascript 将覆盖层居中对齐

我有一个网站：[现在已经解决了，所以必须删除该网站的URL]，其中的覆盖将出现在缩略图悬停处。 它在Firefox浏览器上运行正常，但在Chromium浏览器上运行不正常，content div更偏向左侧。有谁能告诉我在上面提到的网站上使用firebug或inpect元素工具如何将覆盖内容div与中心对齐，就像firefox上的一样

---

请注意，如果我将宽度设置为100%，它会被固定，但我希望宽度会像高度一样自动调整

我尝试了以下代码，但无效：

.project-title {
    max-width: 250px;
    width: auto;
    border-radius: 15px;
    height: auto;
    opacity: 0.7;
    color: white;
    padding-left: 8px;
    padding-right: 8px;
    padding-top: 4px;
    padding-bottom: 4px;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    margin: auto!important;
    bottom: 0;
    color: #202020 !important;
    background-color:#dbdbdb;
    font-family: Lato !important;
    font-size: 12pt !important;
    }

---

您试图以两种不同的方式居中对齐。如果使用的是

position:absolute，则不应使用
margin:auto
他们不会为你做任何事

如果要将div居中对齐，有数百种方法。这里有两个简单的例子：

.project-title {
    width:250px;
    margin:0 auto;
}

或

一种更高级的方法，取决于其他东西的设置方式，如下所示：

.project-title {
    position:absolute;
    left:50%;
    top:50%;
    transform:translate(-50%, -50%);
}

这将使它在包含div的内部居中

为了更好地帮助您，我需要知道您的div包含什么以及预期的行为。
您已经定位了
。项目标题绝对是
，因此它已从页面的正常流程中删除。因此
margin:auto
技巧不起作用

类似于以下的操作可能会做到这一点：

.project-title {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  max-width: 250px;
  transform: translate(-50%, -50%);
}

请注意，如果我将宽度设置为100%，它会得到修复，但我希望宽度会像高度一样自动调整。您可以添加一些HTML并使用代码片段来显示您的问题吗。请参阅：）感谢您的快速回复。第三个对我有用。我使用CSS添加了一个后备功能，并仅为safari和chromium加载这些新行browsers@JamesPablo伟大的我很高兴能帮上忙！第三个非常强大。您可以将div设置为任意大小，它将始终居中于其父级（或具有
位置
属性的最近父级）
.project-title {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  max-width: 250px;
  transform: translate(-50%, -50%);
}