Home  >  Article  >  Web Front-end  >  DIV Vertical Vertical Horizontal Centered_html/css_WEB-ITnose

DIV Vertical Vertical Horizontal Centered_html/css_WEB-ITnose

WBOY
WBOYOriginal
2016-06-24 11:55:46934browse

DIV vertically centered

Align the div in the center using margin-left :auto;margin-right:auto; can 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.

@Html.Partial("_PartialMenuImg", "../../Images/Sys/test.jpg")

DIV vertically and horizontally centered

1. About using css for centering: position:fixed;left:50%;top:50%;margin-left:width /2;margin-top:height/2; For ie6, you can only change position: to absolute;

Horizontal and vertically centered div demonstration effect

Horizontal and vertical center div demonstration effect

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