Question

我正在尝试将div设为中心，它适用于Safari和Chrome，但不适用于Firefox。 div是socIcon，它将显示链接的社交媒体图标。使用css3，此div低于完整背景图像。

 html {
 height: 100%;
 background: url(images/logoLandingPage.jpg) no-repeat center center;
 background-size:cover; 
 }

 #socIcon {
 margin: 0 auto;
 position:absolute;
 padding: 10px 0px; 
 bottom:0px;
 width:100%;



 /* Firefox */
 display:-mox-box;
 -moz-box-pack:center;
 -moz-box-align:center;


  /* Safari and Chrome */
  display:-webkit-box;
  -webkit-box-pack:center;
  -webkit-box-align:center;

  /* W3C */
  display:box;
  box-pack:center;
  box-align:center
  }

Answer 1

text-align:center;

可能有所帮助，但我不确定，如果您发布html，我可以确保它有效！

#socIcon {
     margin: 0 auto;
     position:absolute;
     padding: 10px 0px; 
     bottom:0px;
     width:100%;
    text-align:center;
      }

Div不以Firefox为中心

1 个答案: