课程
/前端开发
/HTML/CSS
/十天精通CSS3
例子中x,y轴是不是反了
2018-07-29
源自:十天精通CSS3 8-4
正在回答
上面两个解释都有问题,position 50% 是相对于父级元素,这样元素的左上角是在父级的中心点。translate -50% 是相对自己的宽高,这样元素自己的中心点就和父级中心点重合,所以可以实现对父级居中。
left50%是页面的50%,translate50%是自身宽度和高度的50%
left50%让元素往右边移了50%,translate(-50%,-50%)又让元素左移了50%,所以没反呢
举报
本课程为CSS3入门教程,深刻详解CSS3知识让网页穿上绚丽装备
3 回答translate 用%???
2 回答item的translate??????????
1 回答translate的-50%,-50%
4 回答translate 和 position的区别
1 回答translate水平垂直居中