qq_35967240 2017-02-18 13:16 采纳率: 50%
浏览 925

关于css的水平垂直居中

求各位大神帮忙解决一下！！！为什么下面的代码就是不能居中？

 *{ margin:0; padding:0; }
    .wrapper {
      position: relative;
      width: 500px;
      height: 500px;
      background-color: #ddd;
     }
    .content{
        background-color:#6699FF;
        width:200px;
        height:200px;
        position: absolute;        
        top: 50%;
        left: 50%;
        margin-top:-100px ;  
        margin-left: -100px;
    } 
</style>
<body>
    <div class="wrapper">
        <div class="content"></div>
    </div>    
</body>
  • 写回答

3条回答

  • Go 旅城通票 2017-02-18 13:22
    关注

    没问题啊，不过你的style没有开始标签

     <style>*{ margin:0; padding:0; }
    .wrapper {
      position: relative;
      width: 500px;
      height: 500px;
      background-color: #ddd;
     }
    .content{
        background-color:#6699FF;
        width:200px;
        height:200px;
        position: absolute;
        top: 50%;
        left: 50%;
        margin-top:-100px ;
        margin-left: -100px;
    }
</style>
<body>
    <div class="wrapper">
        <div class="content"></div>
    </div>
</body>
    评论

报告相同问题？

悬赏问题

  • ¥15 matlab有关常微分方程的问题求解决
  • ¥15 perl MISA分析p3_in脚本出错
  • ¥15 k8s部署jupyterlab，jupyterlab保存不了文件
  • ¥15 ubuntu虚拟机打包apk错误
  • ¥199 rust编程架构设计的方案 有偿
  • ¥15 回答4f系统的像差计算
  • ¥15 java如何提取出pdf里的文字？
  • ¥100 求三轴之间相互配合画圆以及直线的算法
  • ¥100 c语言，请帮蒟蒻写一个题的范例作参考
  • ¥15 名为“Product”的列已属于此 DataTable