1、前端会用到的编辑器有很多，本例实际你选sublimetext3编辑器来利用文字左面图片的制作。不过在此之前，打开电脑中完全安装的sublimetext3，空白文档demo文件夹用处存放文件，在里面新建一个html文件，是从tab快捷键快速修改一个html模板，并名称之前标题。如图：
在css中并且定义表就行：td{text-align:center}css写在html的
中，总之又是html的一个组成部分啊，如果不是你非要完全用html，那你只有在每个td标签内参加align
图片水平直角居右情况很多，最简单的办法是吧图片设置里为背景，给背景可以设置background-position:center如果没法用图片分两种情况：
1.图片宽高固定，这种很简单啊。水平居右：就在图片的css中加dispaly:blockmargin:0auto互相垂直居左：自己计算（div的高度-图片的一定高度）/2，我得到margin-hot值再试一下。
2.图片垂直距离未知，这个布局比较比较难利用。象我是用js做的。水平居中：同上，在图片的css中加dispaly:blockmargin:0auto平行居左：用js计算（div的高度-图片的一定高度）/2，能得到margin-top值赋给它。曾经的想研究过网上的很多方法，个人觉着这个是最管用的了。
下面介绍关与html元素水平居中的几种、对于行内元素需要text-align:center的、用table基于4、块级的元素但通过转换的成行内元素来基于块级元素的水平居中不显示5、父子元素都常规总体导航仪，父元素left:50%子元素left:-50%相对自己的长度减回50%，这样实现方法向右偏移后拽回多的部分6、按结构css3的flexbox，display:flex7、用父元素的display:relative直接采用position:absoluteleft:0left:0margin:auto来实现方法水平以左面下面是解释的具体详细的代码：
