百分比宽度div如何水平居中

Posted 2020-11-01 CoKeny

tags:

篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了百分比宽度div如何水平居中相关的知识，希望对你有一定的参考价值。

<div id="box">  
    <div id="container"></div>  
</div>  

#box{  
    position: relative;  
  
}  
#container{  
    position: absolute;  
    width:30%;  
    height:100px;  
    background: #ccc;  
    left: 0;  
    right: 0;  
    margin:100px auto;  
}  

 

以上是关于百分比宽度div如何水平居中的主要内容，如果未能解决你的问题，请参考以下文章

当宽度未知时，将图像水平居中并将其垂直放置在 div 内的底部

当父元素和子元素都具有不同的百分比宽度时如何使子 div 居中

如何在另一个 div 内动态改变宽度的 div 上居中文本？

如何让DIV里面的DIV水平垂直居中

如何在 100% 宽度的 div 内水平居中绝对定位的元素？ [复制]

如何使文字在div中水平和垂直居中的css代码