html 内容居中

🌙
手机阅读
本文目录结构

html 内容居中

html 文字居中和 html 图片居中方法代码,通过在 html 中实现文字居中图片居中篇在 html 中实现文字图片内容居中有三种方法,其中两种使用 CSS 样式实现,一直使用原始的 html 标签内加入“align=“center””(居中)实现。

完整 HTML 实例代码:

<!DOCTYPE html>
<html >
  <head>
    <meta charset="gb2312" />
    <title>居中实例</title>
    <style>
      body{text-align:center}
    </style>
  </head>
  <body>
    被居中
  </body>
</html>

对文字外层对象加 css 居中样式

1、对应 CSS 代码如下:

.w3cschool{text-align:center}

2、完整 HTML+DIV+CSS 代码如下:

<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
  <head>
    <meta charset="gb2312" />
    <title>W3Cschool居中实例</title>
    <style>
      .w3cschool{text-align:center}
    </style>
  </head>
  <body>
    <div class="w3cschool">W3Cschool会被居中</div>
    <div class="w3cschool">
      ![](http://upload-images.jianshu.io/upload_images/2642238-eba477a8a75edf90.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)
    </div>
  </body>
</html>

参考:https://zhuanlan.zhihu.com/p/26714115

更多 HTML 搜索

通过查看前端开发者在搜索引擎里的搜了哪些 HTML 内容,可以知道他们实际工作使用了什么技术或者什么地方薄弱;

你可以通过点击 HTML 常见搜索 来查看前端开发者都在搜哪些内容;

注:这里仅收录了常见搜索,并不是无论搜索什么都记录在里面的;

如果你是为了面试做准备的,那么推荐你查看 HTML面试题,这里基本包涵了市场上的所有 HTML 方面的面试题,让你更加牢固的掌握 HTML 知识

AXIHE / 精选资源

浏览全部教程

面试题

学习网站

前端培训
自己甄别

前端书籍

关于朱安邦

我叫 朱安邦,阿西河的站长,在杭州。

以前是一名平面设计师,后来开始接接触前端开发,主要研究前端技术中的JS方向。

业余时间我喜欢分享和交流自己的技术,欢迎大家关注我的 Bilibili

关注我: Github / 知乎

于2021年离开前端领域,目前重心放在研究区块链上面了

我叫朱安邦,阿西河的站长

目前在杭州从事区块链周边的开发工作,机械专业,以前从事平面设计工作。

2014年底脱产在老家自学6个月的前端技术,自学期间几乎从未出过家门,最终找到了满意的前端工作。更多>

于2021年离开前端领域,目前从事区块链方面工作了