html如何让一张背景图片居中
打开前端开发工具，新建一个html代码页面
在html代码页面上创建一个用于设置背景颜色的div标签，然后给这个标签添加上class = "bg-img"
设置背景图片。创建style标签，然后在标签里面对类为bg-img设置背景图片、图片不重复、宽、高的样式。
保存html代码，使用浏览器打开，这个时候会发现浏览器上的背景图片显示在左上角。
回到html代码页面，在bg-img类里添加background-position: center的样式。
保存html代码后重新刷新浏览器，这个时候会发现浏览器上的背景图片已经自动居中了。
html怎么浮动居中
1，html中浮动居中的方式有以下几种：
通过定位实现；通过flex布局实现；通过margin；实现；position：absolute；left：0；right：0；top：0；bottom：0；margin：auto；
display：flex；justify- content：center；allign-items：center；
3，通过上面的方式可以使元素集中，这写代码就是实现居中的代码
html里怎么让布局整体居中
首先我们需要新建一个html页面。
然后在body部分新建一个img标签，并指定一张图片。
在浏览器中查看效果，可以发现图片是默认左对齐的，并没有在正中央显示。
将图片套在一个p或者span标签中，给标签添加一个值为text-align:center的style属性即可。
网页中如何用HTML/CSS实现文字居中于图片
1、前端用到的编辑器有很多，本例通过选择Sublime Text3编辑器来实现文字居中图片的制作。第一步，打开电脑中安装的Sublime Text3，新建demo文件夹用来存放文件，在里面新建一个html文件，通过Tab快捷键迅速创建一个html模板，并命名标题。如图：
2、第二步，在顶部head标签里引入外部CSS文件。当然，因为本例比较简单，就直接写在style标签里了。建议实际开发应该写在外部CSS文件中。
3、第三步，在Body中写简单的html代码。在一个容器div中，给一个类名，然后加一个子div，命名类名，用来填充文字。子div中加一个h标签，引入文字，随便写几个文字。如图：
4、第四步，写父级div的样式。其主要作用是包裹子级div。为了看得比较明显，加一个边框样式：border：1px solid #093。如图：
5、第五步，写主要的字div样式。设置长度和宽度，以及边框样式；文字颜色以及字体大小；接着以一张图片作为背景图片，不重复：background: url(images/0.jpg) no-repeat。如图。你也可以随时在浏览器中查看效果。可以看到，此时，文字是在图片最上面。
6、第六步，接着是最关键的部分，设置文字居中于图片，包括垂直和水平方向上的居中。其中，line-height：630px，使行高等于高度，文字即可在垂直方向居中；text-align: center，实现水平居中。如图：