第一种情况只有子元素一个div,通过设置divbackground-image: url();
即可居中显示,适用于仅div显示背景图片
代码结构 ↴ ↴ ↴
宽度小于高度(高度优先占完空间) ↴
宽度大于高度(宽度优先占完空间) ↴
第二种是需要在div下面显示一个img标签, 使得img内的图片可以居中显示,见图
代码结构 ↴ ↴ ↴
宽度小于高度(高度优先占完空间) ↴
宽度大于高度(宽度优先占完空间) ↴
第一种情况只有子元素一个div,通过设置divbackground-image: url();
即可居中显示,适用于仅div显示背景图片
代码结构 ↴ ↴ ↴
宽度小于高度(高度优先占完空间) ↴
宽度大于高度(宽度优先占完空间) ↴
第二种是需要在div下面显示一个img标签, 使得img内的图片可以居中显示,见图
代码结构 ↴ ↴ ↴
宽度小于高度(高度优先占完空间) ↴
宽度大于高度(宽度优先占完空间) ↴