html 内容居中

🌙
手机阅读
本文目录结构
axihe

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 / 知乎

如果你加我的私人微信,麻烦写上您的 称呼,所在地区,职业,方便我备注,谢谢


本站的微信公众号

阿西河前端教程

Anbang

安邦的私人微信

微信号: yaolushan

Anbang

Bilibili(B站)

朱安邦

Anbang