以下方式不算垂直水平居中吗?

<div class="wrapper">
    <div class="content"></div>
</div>    
   .wrapper{
         position: relative;
         width: 100px;
         height: 100px;
         background-color: red;
   }
   .content{
       position: absolute;
       left: 50%;
       top: 50%;
       width: 10px;
       height: 10px;
       background-color: green;
   }
阅读 3.2k
4 个回答

不算。退一万步讲你忘了计算content 的 width和height了。不建议这样子居中

left :50% 是元素的左边界距离左侧50%而不是元素中线,所以你应该margin-left:-50px;把元素向左偏移元素宽度的一半才是居中
top同理

.content{margin:-5px 0 0 -5px;}

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题