div使用

1.  在div中（div存在嵌套）的图片想要在该div中垂直居中显示，我们需要在图片就近的一个父div中，设置如下属性：（其核心思路为让这个父div来规定子元素的显示）

display : table-cell;

vertical-align : middle;

text-align : center;

 

为了保证图片不失真，我们可以设置图片的属性：

width: auto;
height: auto;
max-width: 130px; （自设定）
max-height: 130px;（自设定）

 

另需注意，div层级之间高度和宽度的设定，否则可能出现不居中不对齐的情况。

 

2. div高度自适应

在父div中，如果不做高度和宽度的限制，子div会自动将父div撑开。

其他一些特殊情况，请点击标题链接。