首頁 > web前端 > html教學 > DIV 垂直 垂直水平 居中_html/css_WEB-ITnose

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

WBOY
發布: 2016-06-24 11:55:46
原創
963 人瀏覽過

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; 

 

姘村钩
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
最新問題
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板