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 を中央に配置します。

于 2013-03-14T07:46:39.797 に答える
0

@Pritesh Desai は、サファリの text-align:center; を入れようとしています。中央に配置したいdivを含むコンテナdivに

于 2017-01-06T18:56:22.563 に答える