对页面元素居中的注意点，以及页面元素的分类和特点

margin:0 auto；可以使块元素左右居中，但是margin:auto 0；并不能实现上下居中，而且该方式不适用于行元素和行内块元素，

行元素和行内块元素可以使用text-align:center；来实现居中，造成这个的原因是块元素宽度默认100%，而行元素和行内块元素宽度是内容本身

需要上下居中的情况用垂直对齐方式，virtual-align:middle，基于中线对齐，而且只限行内块元素，其他元素无效。

还有其他的对齐方式如下：

注意：行内块元素默认是基线对齐。

以下是每个的特点：

1.块级元素(block)：每个块元素通常都会独自占据一整行或多整行，可以对其设置宽度、高度、对齐等属性，
常用于网页布局和网页结构的搭建。
常见的块元素有h1~h6、p、div、ul、ol、li等，其中div标签是最典型的块元素。
块级元素的特点：
（1）总是从新行开始。
（2）高度，行高、外边距以及内边距都可以控制。
（3）宽度默认是容器的100%。
（4）可以容纳内联元素和其他块元素。

2.行内元素(inline)：行内元素（内联元素）不占有独立的区域，仅仅靠自身的字体大小和图像尺寸来支撑结构，
一般不可以设置宽度、高度、对齐等属性，常用于控制页面中文本的样式。
常见的行内元素有a、strong、b、em、i、del、s、ins、u、span等，其中span标签最典型的行内元素。
行内元素的特点：
（1）和相邻行内元素在一行上。
（2）高、宽无效，但水平方向的padding和margin可以设置，垂直方向的无效。
（3）默认宽度就是它本身内容的宽度。
（4）行内元素只能容纳文本或则其他行内元素。（a特殊）

3.行内块元素（inline-block）：在行内元素中有几个特殊的标签，可以对它们设置宽高和对齐属性，称它们为行内块元素。
常见的行内块元素有img、input、td等。
行内块元素的特点：
（1）和相邻行内元素（行内块）在一行上,但是之间会有空白缝隙。
（2）默认宽度就是它本身内容的宽度。
（3）高度，行高、外边距以及内边距都可以控制。

4.标签显示模式转换（display）：既然标签有不同的显示模式，就会有相应的转换办法以应对各种需要。display正是我们想要的。
元素——>行内元素 ： display:inline;
元素——>块： display:block;
元素——>行内块： display: inline-block;