Some CSS center skills

CSS center instance

Example 1: vertical center of block-level elements (this is not vertical center because the blog garden originally had a DTD statement, which conflicted with what I added below, you can save the following code locally and add it <! Doctype HTML public "-// W3C // dtd xhtml 1.0 strict // en" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> this statement is enough, there are three examples without pictures, you cannot upload images in the blog Park! Tragedy ...)

BTN vertical center

Example 2: horizontally centered page turning Element

First
Prev
1
2
3
...
8
Next
Last

This method has a limitation: Because the-moz-inline-box attribute is used, text-align and text-indent cannot be set. Therefore, you cannot use background to replace images.

Example 3: vertically center an image.

Example 4: vertical center of Div text

Hello World
Hello World
Hello World
Hello World