啥也不说了,直接贴代码

  1. <!doctype html>
  2. <html>
  3. <head>
  4. <meta charset="utf-8">
  5. <title>CSS设置块元素水平垂直居中</title>
  6. <style type="text/css">
  7. #cm
  8. {
  9. height:200px;
  10. width:400px;
  11. margin:-100px 0px 0px -200px;
  12. padding:0;
  13. position:absolute;
  14. top: 50%;
  15. left: 50%;
  16. }
  17. </style>
  18. </head>
  19. <body>
  20. <header>
  21. <hgroup>
  22. </hgroup>
  23. <nav>
  24. </nav>
  25. </header>
  26. <section>
  27. <div id="cm">
  28. <p>CSS设置块元素水平垂直居中</p>
  29. </div>
  30. </section>
  31. <aside>
  32. </aside>
  33. <footer>
  34. </footer>
  35. </body>
  36. </html>

标签: CSS, 垂直居中

添加新评论