1、CSS实现两端对齐可以使用文本对齐属性text-align： justify；，它会将行中的所有单词和字符分布均匀地填满整行，实现两端对齐的效果。不过需要注意的是，该属性只对有多行文本的块级元素有效果。
让客户满意是我们工作的目标，不断超越客户的期望值来自于我们对这个行业的热爱。我们立志把好的技术通过有效、简单的方式提供给客户，将通过不懈努力成为客户在信息化领域值得信任、有价值的长期合作伙伴，公司提供的服务项目有：申请域名、虚拟主机、营销软件、网站建设、潼南网站维护、网站推广。
2、text-align （文本对齐）属性规定元素中的文本的水平对齐方式。该属性通过指定行框与哪个点对齐，从而设置块级元素内文本的水平对齐方式。
3、CSS中通过属性text-align来设置段落的水平对其方式，可以设置为左、中、右和两端对齐等，控制段落文字的对齐，和word中一样的方便。
思路：利用text-align属性将图片水平居中，然后设置padding-top的值使其垂直居中。
正常情况下，DIV框架是不能自动水平对齐的，是垂直排列的，需要在书写完成一个DIV之后用代码控制一下，代码如下： 这个是左浮动的意思，就是让你的第二个DIV排列在第一个之后，是水平排列。
html编辑器。首先，打开html编辑器，新建html文件，例如：index.html。在index.html中的标签中，输入css代码：button {display： inline-block}。浏览器运行index.html页面，此时2个按钮水平对齐了。
例如将两个按钮对齐，方法和详细的操作步骤如下：第一步，打开html编辑器并创建一个新的html文件，见下图，转到下面的步骤。
1、用CSS实现元素的水平居中，比较简单，可以设置text-align center，或者设置 margin-left：auto； margin-right：auto 之类的即可。 主要麻烦的地方还是在垂直居中的处理上，所以接下来主要考虑垂直方向上的居中实现。
2、给它的父元素写text-align属性；要居中的元素将其类型转为inline-block；要居中的元素加vertical-align属性；添加一个“标尺”，既同级元素（span等），要居中的元素与其互相垂直居中。
3、HTML：CSS：重点：将父元素设置display：table，子元素table-cell会自动撑满父元素。组合 display： table-cell、vertical-align： middle、text-align： center完成水平垂直居中。
4、css如何将div实现全屏水平垂直居中：本章节介绍一下如何将一个div元素在整个网页内实现水平垂直居中效果，代码是最有说服力的，直接看代码。
5、CSS是层叠样式表。下面，我们来看看怎么使用CSS让图片水平垂直都居中吧。
6、css代码如下，使用flex布局实现。页面代码HTML如下：此时的效果如下：（垂直居中） css图片水平垂直居中。
解决水平居中的办法：如果图片左浮动并且display：inline时，只要给图片设置一个text-align：center属性，就顺利解决了水平居中。解决垂直居中的办法：使用display：table-cell和设置了display：inline-block的线合span。
margin ： auto ；此属性用于将块元素水平对齐到中心。示例：注意：使用margin ： auto在IE8中不起作用，除非声明了！DOCTYPE。效果图：position： absolute；我们可以使用position： absolute；来对齐项目。
如果图片左浮动并且display：inline时，只要给图片设置一个text-align：center属性，就解决了水平居中。使用display：table-cell和设置了display：inline-block的线合span，这样就解决垂直居中。
第一种css代码如图所示。display设置成table-cell，text-align为center，垂直居中设置vertical-align为middle。打开浏览器查看结果，图片已处于正中状态。第二种方法css代码如图。
