网站数据报表,wordpress回复微信查看,什么企业网站能自己做,wordpress朋友圈图片前言CSS盒子居中#xff0c;我觉得是很有必要学习一下的。特别是第三种方法#xff0c;奇淫技巧升级版#xff0c;也是生产环境中非常常见的一种方法#xff0c;不需要知道宽度#xff0c;随着祖先元素的变化而变化#xff01;1.常规方法常规方法只需要给盒子设置宽高我觉得是很有必要学习一下的。特别是第三种方法奇淫技巧升级版也是生产环境中非常常见的一种方法不需要知道宽度随着祖先元素的变化而变化1.常规方法常规方法只需要给盒子设置宽高利用外边距让它居中常规方法.box1{width: 200px;height: 200px;margin: 0 auto;background-color: pink;}2.奇淫技巧奇淫技巧利用定位元素。将祖先元素设为相对定位子级元素设为绝对定位。left设置为50%margin-left设置为-宽度的一半。但是必须得设置宽度并且得知道宽度值为多少奇淫技巧.bigbox2{position: relative}.bigbox2 .box2{width: 200px;height: 200px;background-color: skyblue;position: absolute;left: 50%;margin-left: -100px;}3.奇淫技巧升级版奇淫技巧利用定位元素和CSS transform属性。将祖先元素设为相对定位子级元素设为绝对定位。left设置为50%transform设置为translate(-50%);优点不需要知道宽度值为多少奇淫技巧升级版.bigbox3{position: relative;}.bigbox3 .box3{width: 200px;height: 200px;background-color: lightseagreen;position: absolute;left: 50%;transform: translate(-50%);}在线代码
