CSS 居中对齐div水平和页面底部

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了CSS 居中对齐div水平和页面底部相关的知识,希望对你有一定的参考价值。

HTML:
<div class="parent">
<div class="child">
Content here
</div>
</div>

CSS:
.parent{
position:fixed;
bottom:0px;
width:100%; //width should be 100%
}
.child{
width:100px; //min width should give to center the div.
margin:0px auto; //here it will make center
}

以上是关于CSS 居中对齐div水平和页面底部的主要内容,如果未能解决你的问题,请参考以下文章

CSS 完全居中的DIV(水平和垂直对齐)

当其他元素居中对齐时,使用 Flexbox 将页脚与页面底部对齐

HTML CSS中如何实现DIV中的图片水平垂直居中对齐

使用 CSS 跨浏览器 div 居中对齐

使用CSS垂直和水平对齐(中间和中心)[重复]

水平和垂直对齐 Div [重复]