直接在标签对象内加“align=center”即可让对象内图片横向水平居中显示。
站在用户的角度思考问题，与客户深入沟通，找到西吉网站设计与西吉网站推广的解决方案，凭借多年的经验，让设计与互联网技术结合，创造个性化、用户体验好的作品，建站类型包括：成都网站建设、网站建设、企业官网、英文网站、手机端网站、网站推广、域名与空间、虚拟主机、企业邮箱。业务覆盖西吉地区。
img垂直居中方法有很多，其中就包括以下三种方法使用flex让img垂直居中在css中，我们可以使用flex去实现垂直居中，但是flex并不是一个很好的方法，现在很多浏览器并不支持flex，例如IE8，9。
题目的难点在于两点：垂直居中；图片是个置换元素，有些特殊的特性。
给它的父元素写text-align属性；要居中的元素将其类型转为inline-block；要居中的元素加vertical-align属性；添加一个“标尺”，既同级元素（span等），要居中的元素与其互相垂直居中。
设置 margin： 0 auto；单行文本垂直居中，通过设置行高为父元素高度（父元素高度已知）。图片垂直居中，设置上下padding（父元素高估不设置）。图片垂直居中，下边这种方法会有一定偏差（父元素高估不设置）。
使用flex布局：将图片的父元素设置为display： flex，并使用justify-content和align-items属性来水平和垂直居中图片。
刚好css3有了object-fit属性下面来说一下各个属性值object-fit： cover；这个属性值在移动端是用得最多的一个。
首先，打开html编辑器，新建html文件，例如：index.html。其次，在index.html中的标签中，输入css代码：div{border： 1px solid blue； text-align： center}。
首先在父级元素定义TEXT-ALIGN： center；这个的意思就是在父级元素内的内容居中；对于IE这样设定就已经可以了。但在mozilla中不能居中。
题目的难点在于两点：垂直居中；图片是个置换元素，有些特殊的特性。
直接在标签对象内加“align=center”即可让对象内图片横向水平居中显示。
使用flex布局：将图片的父元素设置为display： flex，并使用justify-content和align-items属性来水平和垂直居中图片。
首先，打开html编辑器，新建html文件，例如：index.html。
首先先在页面里加载一张图片，代码和效果如下图所示：然后设置给图片起一个class名，方便一会儿的操作。然后给图片设置css样式，因为方便的原因就直接在html页面写css样式了。
第一步，打开前端开发工具，然后创建一个新的html代码页，见下图，转到下面的步骤。
首先打开前端开发工具，新建一个html代码页面。在html代码页面上创建一个用于设置背景颜色的div标签，然后给这个标签添加上class = bg-img。设置背景图片。
