居中 元素的display显示方式：隐藏、块级、内联、内联-块级 display:none block inline inline-block

默认情况下div会占用100%的宽度

默认情况下，父div的高度是auto——它可以被子div任意的撑大

 

------------------------------

display:none; 使得被选择的元素隐藏，并且不占用原来的位置

display:block; 表示块级元素。换行，width和height也能够生效（能指定大小）

display:inline; 表示内联元素。不换行，大小由内容决定、width和height无效（不能指定大小）。

inline-block：内联-块级。 元素处于同一行，同时还能指定大小。

 

div默认是块级元素
span默认是内联元素

 

------------------------------

1.div里面内容居中：

div align="center"

div style="text-align:center"

2.div元素居中：

<div style="width:300px;margin:0 auto">

3.line-height:20px;盒子高度设为...，可以使盒子的内容垂直居中。文本内容？

 

参考：how2j：CSS 布局 显示方式