2017年1月8日 星期日

區塊置中的方式


case 1:  區塊置中


<body>

<div class="wrap">

</div>

</body>


==============================================


.wrap{

 width: 90%;
  margin : 0 auto 0 auto; (上 右下左  , 順時針)
}



case 2 :  佈局....

<body>

<div class="wrap">

   <div class="blog-post">

   </div>

   <div class="author-post">

   </div>

</div>

</body>


css :

.wrap{

 width: 90%;
  margin : 0 auto 0 auto; (上 右下左  , 順時針)
}

.blog-post{
   width: 75%;
   float : left;
}

.author-post{
   width: 25%;
   float : left;
}







沒有留言:

張貼留言