网站建设意义模板,平邑哪里有做网站的,网站空间商推荐,免费外贸网站有哪些html代码div classmainh1测试/h1/div方法一#xff1a;div使用绝对布局#xff0c;设置margin:auto,并设置top、left、right、bottom的值相等即可#xff0c;不一定要都是0。方法二#xff1a;绝对布局#xff0c;用margin来…html代码div classmain h1测试/h1/div方法一div使用绝对布局设置margin:auto,并设置top、left、right、bottom的值相等即可不一定要都是0。方法二绝对布局用margin来调整。方法三绝对布局让left和top都是50%这在水平方向上让div的最左与屏幕的最左相距50%垂直方向上一样所以再用transform向左上平移它自己宽度高度的50%。这里补充一下知识点translate()函数是css3的新特性.在不知道自身宽高的情况下可以利用它来进行水平垂直居中。当使用top: 50%;left: 50%;是以左上角为原点故不处于中心位置。translate(-50%,-50%) 作用是往上x轴,左y轴移动自身长宽的 50%以使其居于中心位置。与负margin-left和margin-top实现居中不同的是margin-left必须知道自身的宽高而translate可以在不知道宽高的情况下进行居中tranlate函数中的百分比是相对于自身宽高的百分比所以能进行居中。效果图
