CSS实现两端对齐可以使用文本对齐属性text-align： justify；，它会将行中的所有单词和字符分布均匀地填满整行，实现两端对齐的效果。不过需要注意的是，该属性只对有多行文本的块级元素有效果。
成都创新互联公司专注于企业全网整合营销推广、网站重做改版、兴城网站定制设计、自适应品牌网站建设、H5高端网站建设、商城建设、集团公司官网建设、成都外贸网站制作、高端网站制作、响应式网页设计等建站业务，价格优惠性价比高，为兴城等各大城市提供网站开发制作服务。
首先先准备图片素材和文字语言。添加CSS样式修饰，最外面的大框添加宽度居中。现在的图文是这样排版。想要将图文左右排版，无非是定位或者浮动，对图片块和文字块都添加了浮动效果后。
首先，打开html编辑器，新建html文件，例如：index.html。
前端用到的编辑器有很多，本例通过选择SublimeText3编辑器来实现文字居中图片的制作。
首先，打开html编辑器，新建html文件，例如：index.html。在index.html中的标签中，输入css代码：img{float：left；}。浏览器运行index.html页面，此时div标签中的左侧图片与右侧图片通过css调整为了浮动而顶部对齐了。
打开Dreamweaver，点击“文件”，点击“新建”。点击“创建”，点击“插入”，点击“image”，找到目标图片位置。点击目标图片，点击“确定”，点击“窗口”。点击“属性”，点击空白位置，点击“居中”符号即可。
首先先在页面里加载一张图片，代码和效果如下图所示：然后设置给图片起一个class名，方便一会儿的操作。然后给图片设置css样式，因为方便的原因就直接在html页面写css样式了。
1、首先，打开html编辑器，新建html文件，例如：index.html。在index.html中的标签中，输入css代码：img{float：left；}。浏览器运行index.html页面，此时div标签中的左侧图片与右侧图片通过css调整为了浮动而顶部对齐了。
2、CSS设置表格的文本水平对齐方式。主要通过text-align来设置，有三个值：居左对齐left，居右对齐right，居中对齐center。CSS设置表格的内边距。主要通过padding来设置，padding值越大，内边距越大。
3、首先先准备图片素材和文字语言。添加CSS样式修饰，最外面的大框添加宽度居中。现在的图文是这样排版。想要将图文左右排版，无非是定位或者浮动，对图片块和文字块都添加了浮动效果后。