Question

我将div标签作为html页面中的第一个元素。我希望这个元素在页面上居中。因此，我设置了这个div标签的左右边距属性。例如保证金左：20％

但是，边距在不同的浏览器中生效的方式不同，UI对齐方式因浏览器与浏览器的不同而不同

我该如何解决这个问题？

如何设置边距以便它们在所有浏览器中都能正常工作？

提前致谢。

Answer 1

尝试将以下css属性添加到css类：

margin:0 auto;

Answer 2

如果您在div上设置了宽度

，通常情况会更好

yourDiv {
    margin: 0 auto;
}

在不知道有关您的div的更多信息的情况下，这是您最好的选择。第一个0是将margin的上限和下限设置为0，auto是左右边距。

Answer 3

DIV CENTERING

居中相对定位div

#div {
  position: relative;  /* Or without position property | default is static */
  width: 960px;        /* Change to your needs */
  margin: 0 auto;
}

您也可以使用例如margin: 0 auto 20px; 0位于顶部，auto为左/右，20px为底部。

居中绝对定位div

#div {
  position: absolute;
  width: 960px;        /* Change to your needs */
  top: 0;
  left: 50%;
  margin-left: -480px; /* Margin left is - width / 2 */
}

HTML div标签左，右边距属性对不同浏览器的工作方式不同

3 个答案: