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撑开。
其他一些特殊情况,请点击标题链接。