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

Posted

tags:

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

  1. <div class="parent">
  2. <div class="child">
  3. Content here
  4. </div>
  5. </div>
  6.  
  7. CSS:
  8. .parent{
  9. position:fixed;
  10. bottom:0px;
  11. width:100%; //width should be 100%
  12. }
  13. .child{
  14. width:100px; //min width should give to center the div.
  15. margin:0px auto; //here it will make center
  16. }

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

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

如何在响应式页面上的 div 内垂直和水平居中两个图像

将多个 div 对齐一行并将文本垂直和水平居中

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

居中水平对齐的标题

如何让一个div水平和垂直居中对齐