CSS—图片水平垂直居中

图片居中

方法1.将放置图片的容器的布局改为

display: table-cell;
text-align: center;

可以使容器内的元素均居中显示。效果如下：

如果需要水平垂直居中，添加

display: table-cell;
text-align: center;
vertical-align: middle;

效果如下：

 

！ps:当两个table-cell元素放在一起的时候，他们会被自动放入一个table中，然后他们将拥有同等高度，也会是外部元素的布局失去作用。

可以在两个table-cell元素中间放置一个其他布局的元素作为分割。

转载于:https://www.cnblogs.com/cff2121/p/10950892.html