div固定宽度居中,不设宽高div垂直水平居中

要求

　　正文下div垂直居中，div中文本垂直居中，div的宽度和高度都是正文宽度的一半

分析

　　 div居中不难，考虑到margin或left/top带translate属性，重点是div高度等于正文的一半，由于正文没有高度，所以设置div高度：50%；结果是div的高度为0。即使绝对定位车身高度为100vh，设置div高度为50%也只能是车身高度的一半，而不是宽度的一半。此时需要填充，因为当填充设置百分比时，引用的是父容器的宽度代码。

　　！DOCTYPE html lang= en head meta charset= UTF-8 meta name= viewport content= width=device-width，initial-scale=1.0 meta http-equiv= X-UA-Compatible content= ie=edge title document/title style body { padding:0；边距：0；} #box{宽度：50%；/* div置于中间*/位置：相对；transform: translate(50%，25%)；/* */*此处，求解div高度为正文宽度的一半，文本垂直居中*/padding-top:25%；垫底：25%；行高：0；文本对齐：居中；/* */背景色：# 111；颜色：# fff}/style/head body div id= box box 123/div/body/html效果

　　这就是这篇关于CSS div的文章，没有被高度居中。更多相关的CSS div没有被高度居中，请搜索以前的文章或继续浏览下面的相关文章。希望你以后能支持我！

郑重声明：本文由网友发布，不代表盛行IT的观点，版权归原作者所有，仅为传播更多信息之目的，如有侵权请联系，我们将第一时间修改或删除，多谢。