前端用到的编辑器有很多，本例通过选择SublimeText3编辑器来实现文字居中图片的制作。
创新互联是一家集网站建设,上饶企业网站建设,上饶品牌网站建设,网站定制,上饶网站建设报价,网络营销,网络优化,上饶网站推广为一体的创新建站企业，帮助传统企业提升企业形象加强企业竞争力。可充分满足这一群体相比中小企业更为丰富、高端、多元的互联网需求。同时我们时刻保持专业、时尚、前沿，时刻以成就客户成长自我，坚持不断学习、思考、沉淀、净化自己，让我们为更多的企业打造出实用型网站。
通常首选方法是使用 flexbox 居中内容。只需三行代码即可： display：flex ，然后使用 align-items：center 和 justify-content：center 将子元素垂直和水平居中。
首先，打开html编辑器，新建html文件，例如：index.html。在index.html中的标签中，输入css代码：p {text-align： center}。浏览器运行index.html页面，此时p标签内的文字成功被水平居中显示。
设置行高要注意父容器高度和子元素line-height一样的数值，内容中的行内元素就会垂直居中。
让文字居中的最主要的标签就是text-align：center；如果你还有别的文字居中的需求，可以通过margin：0 auto来控制文字所在层的居中。
利用css进行元素的水平居中，比较简单，行级元素设置其父元素的text-align center，块级元素设置其本身的left 和 right margins为auto即可。
1、首先，打开html编辑器，新建html文件，例如：index.html。在index.html中的style标签中，输入css代码：span {position： absolute； top： 45px； left： 180px；}。
2、首先先进行文本框的插入，在word文档编辑界面上，单击上方工具栏中的“插入”按钮，包括文本框，所有的插入选项都在这里。在“插入”选项的下拉工具栏中，选择如图所示“文本框”图标单击。
3、打开HTML的编辑器。找到需要居中的图片或者文字。在body里面，设置CSS样式。添加样式为：text-align：center；即可。超文本标记语言（HyperTextMarkupLanguage），缩写为HTML，标准通用标记语言下的一个应用。
在body标签下方写上，用来存放js代码。通过class定位到div，通过css()方法让文字居中。如下图所示：在浏览器中打开test.html，可以在文字在页面中间显示。
利用ID选择器在style标签中，设置div标签的样式属性，如宽度、高度、行高、字体属性等。接着给div标签添加一个样式属性background-color。
html设置字体居中的方法是：选中要居中的文本，随后输入代码style：text-align：center即可。
“超文本”就是指页面内可以包含图片、链接，甚至音乐、程序等非文字元素。
网页经常需要将div在屏幕中居中显示，以下几个常用的方法，都比较简单。
1、在css标签中，使用margin属性对div的外边距进行设置，两边的外边距设置为auto，便可实现div居中效果。在浏览器打开test.html文件，查看实现的效果。
2、需要的主要css代码有两个，一个为text-align：center（内容居中），另外一个为margin：0auto；其两个样式需要配合使用才能实现div盒子的居中显示排版。
3、可以使用“text-align”属性让文字水平居中，使用“ling-height”属性让文字垂直居中。