通常首选方法是使用 flexbox 居中内容。只需三行代码即可： display：flex ，然后使用 align-items：center 和 justify-content：center 将子元素垂直和水平居中。
创新互联公司成都网站建设按需开发，是成都网站开发公司,为成都会所设计提供网站建设服务,有成熟的网站定制合作流程，提供网站定制设计服务：原型图制作、网站创意设计、前端HTML5制作、后台程序开发等。成都网站设计热线：028-86922220
不支持百分比尺寸和min-/max-属性设置。 内容可能溢出容器。 边距大小与padding，和是否定义box-sizing： border-box有关，计算需要根据不同情况。
优点：支持跨浏览器，包括IE8-IE无需其他特殊标记，CSS代码量少支持百分比%属性值和min-/max-属性只用这一个类可实现任何内容块居中不论是否设置padding都可居中(在不使用box-sizing属性的前提下)内容块可以被重绘。
html内容居中的方法是：选中要居中的文本，随后输入代码style：text-align：center即可。HTML称为超文本标记语言，是一种标识性的语言。
如果单纯用html语言的话，就是 这一对，如果是搞网页设计的话，建议使用css语言来修饰网页。操作方法如下：首先双击打开HBuilderX开发工具，创建一个Web项目，并在项目pages文件夹下，新建静态页面center.html。
名称为test。如下图所示：在body标签下方写上，用来存放js代码。通过class定位到div，通过css()方法让文字居中。如下图所示：在浏览器中打开test.html，可以在文字在页面中间显示。
html设置字体居中的方法是：选中要居中的文本，随后输入代码style：text-align：center即可。
给网页中的标签中附加样式，text-align：center；就可以达到整个标签内文字居中的效果。标签是控制整个html文档，如果不想全部都居中，可以给自己需要的元素加align=“center”的属性。如……。
在页面的body标签里，新建一个div，名称为test。在body标签下方写上，用来存放js代码。通过class定位到div，通过css()方法让文字居中。在浏览器中打开test.html，可以在文字在页面中间显示。
首先，打开html编辑器，新建html文件，例如：index.html。在index.html中的标签中，输入css代码：body {text-align： center；} table {margin： auto；}。浏览器运行index.html页面，此时成功用css让表格居中了。
利用margin： 0 auto实现图片居中，就是在图片上加上css样式margin： 0 auto 如下：设置imgBox的样式如下：此时的效果如下：（图片在容器内，水平居中）css图片垂直居中。css代码如下，使用flex布局实现。