この CSS ページング コードを中央に配置する方法を教えてください。2 つ追加すると、常に左側に移動します。truth_html/css_WEB-ITnose があります。

この投稿は cndeer によって最終編集されました: 2013-02-13 13:11:58

表示は常に左側に移動します
2 つのページネーション コードを作成しました。これらは次のようになります
真ん中に置くことはできません。以下の通り:
http://www.27u.cn/xfmm/2013-02-13/2935.htm

http://www.27u.cn/xfmm/2013-02-13/2935.htmコードを変更するにはどうすればよいですか? :margin:0 auto; を追加しましたが、まだ機能しません。
ディスカッションに返信してください。ありがとうございます
最初のページング コードは次のように変更できます:
スタイル li { float: left; } を削除します

2 番目のページング コードは次のように変更できます:

次の 3 つのスタイルを削除します。 .dede_pages ul{ float: left; }

.dede_pages ul li{ float: left; }

Chrome で試してみました。最初のページング コードでは、次のように変更できます。
スタイル li { float: left; } を削除します。
2 番目のページング コードでは、次のように変更できます。
次の 3 つのスタイルを削除します。
.dede_pages ul{ float: left; }
.dede_pages ul li{ float: left; }


最初のものはないようです: li { float: left;この文は?

最初のページング コードについては、次のように変更できます:

スタイル li { float: left; } を削除します。

2 番目のページング コードについては、次のように変更できます:
次の 3 つを削除します。スタイル:
.dede_pages ul{ float: left; }
.dede_pages ul li{ float: left; }


.dede_pages ul{ float: left;
.dede_pages ul li{ float: left; }
.dede_pages ul li a { float: left; 削除されました

最初のものは変更されていないようです。 { float: left; } ?

ブラウザの開発者ツールを使用して確認すると、存在します。
たとえば、Google Chrome の開発者ツールを使用します。
[要素] タブで、最初のページネーション コードの li 要素を見つけます。
開発者ツールの右側のパネルにある [一致する CSS ルール] に表示されます。
li は float に適用されます。左; スタイル。
特定のスタイルは、style.css ファイルの 8 行目で定義されています: li {display: inline; float: left;}。

float: left; のため、2 番目のページング コードは中央に配置できません
注意深く確認してください

style.css ファイルの 8 行目に定義されている場合: li {display: inline; float: left;} left;
は削除されません

.dede_pages ul{ float: left; }

.dede_pages ul li a { float: left; }
2 番目のページング コードも li {display: inline;float: left;} スタイルの float: left の影響を受けるため、中央揃えにすることはできません。

style.css の問題だとは思いませんでした
ありがとうございます。