1

だから私は簡単なページを持っています：www.kensandbox.info/centerthis

これは単純なhtml/cssページであり、ペイパルボタンを追加しようとしています。

問題は、ボタンを中央に配置する方法がわからないことです。私は以下を追加しようとしました：

<div align="center"> form code here </div>

サイコロはありません。フォームの前にセンタータグを追加してみました。

サイトコード（単純なhtmlおよびcssファイル）はここからダウンロードできます：

www.kensandbox.info/centerthis/centerthis.zip

私の推測では、他のCSS要素の1つが私の変更を上書きしていると思います。

私は何が欠けていますか？

ありがとう

4

3 に答える 3

3

mycss.cssの中float:leftにがありますform input, form .btn

float:noneオーバーライドする場合は、その入力に追加します。

于 2012-07-26T03:06:51.103 に答える
2

コードを見ずに、divを中央に配置する最善の方法は、通常、ブロック要素として表示され（デフォルトである必要があります）、幅が指定されていることを確認することです。そして最後にマージンを適用します：auto。

例えば

<div class="container">
    ...
    <div class="centered-element"> form code here </div>
    ...
</div>

どこ

container {
    width: 200px;
}
centered-element {
    width: 150px;
    margin: auto;
    display: block; /* to make sure it isn't being mucked up by your other css */
    float: none; /* to make sure it isn't being mucked up by your other css */
}

編集：

誰かがコメントしているのを見ると、タグ<div align="center">も非推奨になっているので、このように言います。<center>拡張するには、これは、HTMLをWebページの構造とセマンティクスの作成にのみ使用し、CSSをその表示面に使用する必要があるためです。2つを可能な限り分離しておくと、長期的には多くの時間を節約できます。

display: block;また、（divはすでにブロック要素であるため）divに設定する必要がなく、。を使用してfloatの設定を解除する必要がないようにCSSを設計することをお勧めしますfloat: none;。それを行うための良い方法の詳細については、ワークフローを改善し、時間を節約し、一般的に素晴らしいものにしてください。オブジェクト指向のCSS、別名ooCSSにチェックインしてください。

于 2012-07-26T03:07:54.993 に答える
0

答えを見つけました。時間を割いて答えてくれた2人に感謝します。

私が理解していなかったのは、Webページを見て、どのCSSコードがフォーマットを推進しているかを確認する方法です。

いくつかの調査により、CSSViewerという名前のChromeプラグインが見つかりました。このプラグインと回答からの情報を使用して、フロートセンターに変更するだけでよいフロート左css要素を特定することができました。

助けてくれてありがとう。

于 2012-07-27T11:37:56.207 に答える