css螢幕置中的方法,強

來源:互聯網
上載者:User
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<style type="text/css">
<!--
div {
 position:absolute;   //絕對位置
 top:50%;                    //距頂部50%
 left:50%;
 margin:-100px 0 0 -200px;      //設定這個div的margin-top的負值為自身的高度的一半,margin-left的值也是自身的寬度的一半的負值.(感覺在繞口令)
 width:400px;                              //寬為400,那麼margin-top為-200px
 height:200px;                            //高為200那麼margin-left為-100px;
 border:1px solid red;
 line-height:200px;
 font-size:16px;
 text-align:center;
z-index:99;                            //浮動在最上層
 }
-->
</style>
<div>歡迎光臨php程式員站www.phperz.com</div>
相關文章

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.