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 微信公众号自制会员卡没有收款渠道啊
  • ¥15 stable diffusion
  • ¥100 Jenkins自动化部署—悬赏100元
  • ¥15 关于#python#的问题：求帮写python代码
  • ¥20 MATLAB画图图形出现上下震荡的线条
  • ¥15 关于#windows#的问题：怎么用WIN 11系统的电脑 克隆WIN NT3.51-4.0系统的硬盘
  • ¥15 perl MISA分析p3_in脚本出错
  • ¥15 k8s部署jupyterlab，jupyterlab保存不了文件
  • ¥15 ubuntu虚拟机打包apk错误
  • ¥199 rust编程架构设计的方案 有偿