水平居中方案：

水平居中设置

1、行内元素

设置 text-align:center

2、定宽块状元素

设置 左右 margin 值为 auto

3、不定宽块状元素

a:在元素外加入 table 标签（完整的，包括 table、tbody、tr、td），该元素写在 td 内，然后设置 margin 的值为 auto

Word全称为

这个视频来说一下CSS布局里面比较基础，但是非常重要的一个知识点：居中布局。这里我会给大家介绍几种实现水平垂直居中的方法。有的方法比较推荐大家使用，有的作为了解就可以了。这里我写了两个div，现在要做的就是让小的红色这个div在外面大的div里面水平垂直同时居中。接下来我说的这几种方法里面，前面两种是我比较推荐大家来使用的。

<div id="parent">
<!-- 定义子级元素 -->
<div id="child">居中布局</div>
</div>

定义

居中：盒子在其包含块中居中，包含块指的就是盒子的父级

分类

• 水平居中
• 垂直居中

为了方便例子讲解，现有数组和字面量对象如下

var demoArr = ['Javascript', 'Gulp', 'CSS3', 'Grunt', 'jQuery', 'angular'];
var demoObj = {
  aaa: 'Javascript',
  bbb: 'Gulp',
  ccc: 'CSS3',
  ddd: 'Grunt',
  eee: 'jQuery',
  fff: 'angular'
};

在javascript语言中经常需要使用循环语法去获取数据中的一些值，例如，我们需要将列表中的商品逐个输出，或者运行相同的代码将数字 1 到 10 逐个输出。方法也比较多，该篇将讲解常见的循环遍历的使用及区别

● 循环控制，控制程序重复执行若干次相同或似的逻辑，理解并正确使用循环控制，需要搞清楚循环的3个要素：起始值、变化量、终止条件。

○ 起始值循环的起点，可以是【任意数据类型值】

○ 变化量是指【改变起始值的方式】

今天我们来对比一下JavaScript中的数组遍历：

• for

for (let index=0; index < someArray.length; index++) {
  const elem = someArray[index];
  // ···
}

除了while循环，C语言中还有 for 循环，它的使用更加灵活，完全可以取代 while 循环。

上节我们使用 while 循环来计算1加到100的值，代码如下：