0

私がやろうとしているのは、フォーム (およびその横にある 2 つのアイコン) を navbar の中央に配置することです。

以下の CSS プロパティを使用しましたが、正確には中央に配置されません。

text-align: center;

以下の JSFiddle を確認すると、正確には中央にありません。また、右側の両方のボタンのテキストの長さが異なることに注意してください。

http://jsfiddle.net/MgcDU/5763/

ボタンのテキストの長さが変わる可能性があることに注意して、フォーム (2 つのアイコンを含む) を navbar の中央に配置するにはどうすればよいですか?

4

6 に答える 6

2

指定された widthを使用する必要があります。それ以外の場合margin: 0 auto;は機能しません。

.center-form {
    width: 250px;    
    margin: 0 auto;
}

margin: 0 auto 0 auto側面は上から時計回りに数えられるため、これは の省略形であることに注意してください。

于 2013-07-11T07:25:23.893 に答える
2

これで十分ですが、ボックスの幅を設定する必要があり.center-formます。

CSS

.center-form {
width: 250px;
margin: 0 auto;
text-align: center;
}
于 2013-07-11T06:13:15.217 に答える
0

これを中央に置きたいcssクラスに追加します。

 /* Internet Explorer 10 */
 display:-ms-flexbox;
 -ms-flex-pack:center;
 -ms-flex-align:center;

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

 /* Safari, Opera, and Chrome */
 display:-webkit-box;
-webkit-box-pack:center;
-webkit-box-align:center;
于 2013-07-11T06:04:32.490 に答える