Heim > Web-Frontend > HTML-Tutorial > DIV 垂直 垂直水平 居中_html/css_WEB-ITnose

DIV 垂直 垂直水平 居中_html/css_WEB-ITnose

WBOY
Freigeben: 2016-06-24 11:55:46
Original
962 Leute haben es durchsucht

DIV 垂直 居中

让div居中对齐 使用margin-left:auto;margin-right:auto; 可以让你的div居中对齐。  .style{margin-left:auto;margin-right:auto;}  缩写形式为:  .style{margin:0 auto;}  数字0 表示上下边距是0。可以按照需要设置成不同的值。 

 .align-center{

    margin:0 auto; /* 居中 这个是必须的,,其它的属性非必须 */

    width:500px; /* 给个宽度 顶到浏览器的两边就看不出居中效果了 */

    background:red; /* 背景色 */

     /* 文字等内容居中 text-align:center;*/

}

 

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

 

 

DIV 垂直水平 居中

1,关于居中使用css为:position:fixed;left:50%;top:50%;margin-left:width/2;margin-top:height/2;  对于ie6,只能把position:改成absolute; 

 

姘村钩
Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage