Home > Article > Web Front-end > CSS style to center align div_html/css_WEB-ITnose
CSS style to center align div_html/css_WEB-ITnose
- WBOYOriginal
- 2016-06-24 12:28:021793browse
Code
Centered div effect
Use margin-left:auto;margin-right:auto; to center align your div.
.style{margin-left:auto;margin-right:auto;}
The abbreviated form is:
.style{margin:0 auto;}
The number 0 means that the top and bottom margins are 0. Can be set to different values as needed.
Statement：
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn
Previous article：Multiple pictures are centered horizontally and vertically in the same DIV. No deception. Pure DIV CSS implementation without JS_html/css_WEB-ITnose.Next article：Multiple pictures are centered horizontally and vertically in the same DIV. No deception. Pure DIV CSS implementation without JS_html/css_WEB-ITnose.