span的定位

来源:7-3 CSS3选择器 :checked选择器

leihehh

2017-02-10 21:06

.box span { 

  display: block;

  width: 10px;

  height: 10px;

  border-radius: 100%;

  position: absolute;

  background: #fff;

  top: 50%;

  left:50%;

  margin: -5px 0  0 -5px;

  z-index:1;

}

这里不是可以直接通过absolute绝对定位设置span位于box的中心位置吗?为啥要绝对定位和margin属性同时用?

写回答 关注

1回答

  • cRpeDiem
    2017-02-11 21:21:50

    top 50% left50%  只是将span的左上角的点定位在box的中心 

十天精通CSS3

本课程为CSS3入门教程,深刻详解CSS3知识让网页穿上绚丽装备

242554 学习 · 2623 问题

查看课程

相似问题