css图片居中(css中img居中怎么设置)

一、css如何让图片居中对齐

方法如下：

一、行高（line-height）法如果要垂直居中的只有一行或几个文字，那它的制作最为简单，只要让文字的行高和容器的高度相同即可，比如：p{height:30px;line-height:30px;width:100px;overflow:hidden;}这段代码可以达到效果。

二、内边距（padding）法另一种方法和行高法很相似，它同样适合一行或几行文字垂直居中，原理就是利用padding将内容垂直居中，比如：p{padding:30px;}

二、css背景图怎么设置上下居中

1、第一种：用像素设定，很多都用这种，但是也是最麻烦的：<div></div>

2、第二种：用50%设定，很方便。<div></div>

3、第三种：用center设定（注：第2个center可以省略，因为默认就是center）。<div></div>

三、css怎么把img图片居中

3种方法：

1、利用text-align属性，给包含img的父元素设置“text-align:center;”即可。

2、利用弹性盒布局，给父元素设置“display:flex;justify-content:center;”即可。

3、利用栅格布局，给父元素设置“display:grid;align-items:center;justify-items:center;”即可。