2d转换
程序员文章站
2024-03-16 20:37:28
...
位移 translate
定位
会影响其他盒子位置(脱离标准流);
行内元素定位,直接变为块级元素;
移动
不影响其他元素的位置;
对行内元素无效;对块级元素生效;
子元素居中
.parent {
width: 500px;
height: 500px;
border: 1px solid #000;
position: relative;
}
.son {
width: 200px;
height: 200px;
background-color: pink;
position: absolute;
left: 50%;
top: 50%;
/* 沿着X轴 Y轴 负方向 移动 自身宽高的一半*/
transform: translate(-50%, -50%);
}
上一篇: 粒子系统碰撞检测
下一篇: JS封装一个碰撞检测函数
推荐阅读
-
2D
-
2d转换
-
的含义
博客分类: JavaHibernate java字符串日期hibernatehbm2ddl ">
Java 字符串转换为日期,hibernate配置文件
的含义 博客分类: JavaHibernate java字符串日期hibernatehbm2ddl -
js时间戳和时间格式之间的转换 博客分类: JavaScriptweb前端技术 javascript时间戳时间格式转换
-
java时间戳和PHP(mysql)时间戳 的转换问题 博客分类: 时间戳 时间戳
-
unix时间戳相互转换 博客分类: 时间戳 unix时间戳转换
-
javascript时间戳与日期转换 博客分类: Javascript javascript时间戳
-
转换流InputStreamReader,OutputStreamWriter 博客分类: j2se javaio
-
Google GSON应用 - gson进行日期转换及解析数组 Gson日期数组json
-
Java如何将long类型的日期值转换成日期类型Date 博客分类: Java datejoda日期毫秒long