实现整个html居中最简单方法

  • 原创
  • |
  • 浏览:17210
  • |
  • 更新:
  • |
  • 标签:HTML 

创建html文件,创建一个div标签作为最外层容器,使用CSS控制div居中显示。

工具/原料

  • 戴尔Inspiron15
  • Win10LTSC1809
  • Vscode1.58.2

方法/步骤

  1. 1

    创建html文件

    打开Vscode,新建一个html文件,输入“!”按Tab键。

    实现整个html居中最简单方法
  2. 1
    此文章未经授权抓取自百度经验
  3. 2

    插入div标签

    插入一个div标签,作为最外层容器,所有的内容都放到该div中。

    实现整个html居中最简单方法
  4. 3

    添加css样式

    通过添加css样式设置div宽度和高度,填充背景色,用来演示效果。

    实现整个html居中最简单方法
  5. 4

    控制div居中显示

    添加css样式:margin: 0px auto,控制div居中显示,这样整个网页就可以居中了。

    实现整个html居中最简单方法
    END
经验内容仅供参考,如果您需解决具体问题(尤其法律、医学等领域),建议您详细咨询相关领域专业人士。
作者声明:本篇经验系本人依照真实经历原创,未经许可,谢绝转载。
展开阅读全部
相关标签HTML