码迷,mamicode.com
首页 > Web开发 > 详细

HTML布局居中方法

时间:2017-08-20 21:07:17      阅读:297      评论:0      收藏:0      [点我收藏+]

标签:一半   初学者   需要   固定   otto   pad   16px   margin   居中   

  居中方法

  1.固定值居中:

        需要居中的内容在父级盒子内设置固定的margin或  padding值使内容居中

  缺点:若父级宽度改变将不会居中

  2.自适应居中

    1、

      left:50%;

      top:50%;

      margin-left:50%;/*本身内容宽度的一半*/

      margin-top:50%

    2、(万能居中法)

      left:0;

      right:0;

      bottom:0;

      top:0;

      margin:auto;

 

 

###(初学者)若有错误请大家联系我QQ907668044

 

      

        

    

HTML布局居中方法

标签:一半   初学者   需要   固定   otto   pad   16px   margin   居中   

原文地址:http://www.cnblogs.com/lp907668044/p/7401068.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!