Please tell me how to center this css paging code? I added two and it always moves to the left. There are pictures and the truth_html/css_WEB-ITnose

This post was last edited by cndeer on 2013-02-13 13:11:58

It always appears to run to the left.
I made two paging codes and they are like this
They cannot be in the middle.
The demonstration is as follows:
http://www.27u.cn/xfmm/2013-02-13/2935.htm

http://www. 27u.cn/xfmm/2013-02-13/2935.htm How do I change the code?
I added: margin:0 auto; but it still doesn’t work?

Reply to the discussion (solution)

The picture cannot be uploaded. Please go in and take a look. Thank you

For the first paging code, you can change it like this:
Remove the style li { float: left; }

For the second paging code, you can change it like this:
Remove the following three styles:
.dede_pages ul{ float: left; }
.dede_pages ul li{ float: left; }
.dede_pages ul li a { float: left; display:block; }

I just tried it with Chrome, it works

For the first pagination The code can be changed like this:
Remove the style li { float: left; }

For the second paging code, you can change it like this:
Remove the following three styles:
.dede_pages ul { float: left; }
.dede_pages ul li{ float: left; }
.dede_pages ul li a { float: left; display:......


The first one doesn’t seem to be there : li { float: left; } This sentence?

For the first paging code, you can change it like this:
Remove the style li { float: left; }

For the second A paging code can be changed like this:
Remove the following three styles:
.dede_pages ul{ float: left; }
.dede_pages ul li{ float: left; }
.dede_pages ul li a { float: left; display:……


.dede_pages ul{ float: left; }
.dede_pages ul li{ float: left; }
.dede_pages ul li a { float : left; display
removed. It seems to have the same effect. No change.

The first one doesn’t seem to be: li { float: left; } This sentence?

You use a browser Check the developer tools and it does exist.
For example, use Google Chrome's developer tools.
Under the Elements tab, locate the li element of the first pagination code.
You will see it in the Matched CSS Rules in the right panel of the developer tools. ,
li is applied with float: left; style.
The specific style is defined in line 8 of the style.css file: li {display: inline; float: left;}.

The second paging code cannot be centered because of float: left;
Please check it carefully

If it is defined in line 8 of the style.css file: li {display: inline;float: left;} The float: left; in
is not removed, even if you remove it
.dede_pages ul{ float: left; }
.dede_pages ul li{ float: left; }
.dede_pages ul li a { float: left; display:block; }
The second paging code will also be affected by the float: left of
in the li {display: inline; float: left;} style influence and cannot be centered.

Thank you. I didn’t expect it was something in style.css. It was solved.