zoukankan      html  css  js  c++  java
  • DIV+CSS实现页面居中

      首先要说明:实现页面内容居中的最简单有效的方法是:使用<center>标记.只要你的页面内容是放在一个div容器中(这个div内当然还可以嵌套其它div和table),这种是屡试不爽的!

      然后,一般实现div的居中控制是设置它的margin属性。这样:“margin:0  auto ; ”这个是什么意思呢,意思是内容上下为0距离,而左右为“auto”自动,这样就可以设置实现网页布局居中(如果这里设置margin:5px auto; 一样不影响实验)。

      用margin:0 auto;设置页面居中有两个条件:

      1、页面上要包含W3C的头声明:<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" (VS里这个后面还有一部分,可以不要)>

      2、这个DIV不能设置position:absulote属性;

      最后,如果发现你的页面还没有居中,就检查是不是哪里写错了吧!

  • 相关阅读:
    react组件销毁中清理异步操作和取消请求
    只要一行代码,实现五种 CSS 经典布局
    vue中如何安装sass,sass安装命令
    每日总结
    每日总结
    每日总结
    每周总结
    每日总结
    每日总结
    每日总结
  • 原文地址:https://www.cnblogs.com/La5DotNet/p/2489221.html
Copyright © 2011-2022 走看看