0

这是我的页面：http: //inventikasolutions.com/demo/tatasky

蓝色按钮在 Google Chrome 中居中显示，但在 Safari 和 Firefox 中它浮动到左侧。

我正在使用最新版本的浏览器。

我的CSS代码是：

.messi .btn {
background-image: url(submit.png);
background-repeat: no-repeat;
background-size: auto;
background-position: -1px -490px;
background-color: #5B74A8;
border-color: #29447E #29447E #1A356E;
color: white;
font-size: 15px;
padding: 10px;
-webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, .1);
border: 1px solid #999;
vertical-align: middle;
line-height: 20px;
margin: 0 auto;
display: block;
}

.messi-actions .btnbox .btn {
min-width: 75px;
}

谢谢

4

2 回答 2

2

Firefox 以不同的方式呈现 btn 周围的 div 标签。所以它将它与它的包装 div 标签的中心对齐，但该标签只是按钮的宽度并且左对齐。添加它以使其正常工作：

.mesi-footbox {
    text-align: center;
}

如果它没有呈现全宽，这将使 div 居中，或者在 chrome 中保持相同。

于 2013-03-14T07:46:39.797 回答
0

@Pritesh Desai 尝试放入 safari text-align:center; 到包含要居中的 div 的容器 div

于 2017-01-06T18:56:22.563 回答