DIV Vertical Vertical Horizontal Centered_html/css_WEB-ITnose

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.

.align-center{

margin:0 auto; /* Centering is required, other attributes are not necessary*/

width:500px; /* If the width reaches both sides of the browser, the centering will not be visible. It works*/

background:red; /* Background color*/

/* Text and other content are centered text-align:center;*/

}

@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;

.align-center{

position:fixed;left:50%;top:50%;margin -left:width/2;margin-top:height/2;

}

Horizontal and vertical center div demonstration effect