html怎么让div垂直和水平居中显示

Posted 2023-03-24

首先我们对body设置text-align:center，再对需要居中的div盒子设置css样式margin:0 auto，这样即可让对应div水平居中。
实例讲解div居中代码应用，为了观察div居中效果，我们对div设置一个div命名为“.div”在html中div标签内使用class=“div”,设置其宽度为400px;高度为100px，边框为红色。以便我们观察效果。 参考技术A

加入清零样式。

html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,pre,a,code,del,em,img,strong,sub,sup,b,u,i,dl,dt,dd,ol,ul,li,fieldset,form,label,table,tbody,tfoot,thead,tr,th,tdborder:none;font-size:100%;margin:0;outline:0;padding:0;vertical-align:baseline
bodyfont-family:"microsoft yahei","微软雅黑\\8F6F\\96C5\\9ED1,Arial,Helvetica,sans-serif";font-size:12px;margin:0 auto;

本回答被提问者采纳 参考技术B div
    position:fixed;
    width:100px;
    height:100px;
    margin:auto;
    background:red;
    left:0;
    right:0;
    top:0;
    bottom:0;
    z-index:10;