网页里各种元素水平方向的对齐方式主要有：左对齐、右对齐、居中对齐和两端对齐等4种方式，常用的为左对齐、居中对齐，右对齐和两端对齐基本很少应用，尤其是两端对齐，笔者认为一般只在平面设计的时间会应用。
1、页面各种元素对齐方式的基础知识
A、左对齐在网站布局中是最常见的对齐方式：它整齐一致并且安全，因为大家对这种对齐方式很熟悉并且也乐意接受，所以对任何设计来说，左对齐都是最保险的对齐方式。
B、在高品质网页设计中，好的对齐方式占了很大的比重：当物品排成一行时，通常看上去感觉更好。因此，应用不同的对齐方式来建立对比是较难的而且要更谨慎的应用，但是如果做的好的话是非常有效的。比如：在文章中，我们常常是用左对齐的文本段落和居中对齐的标题来混合起来，这是应用不同的对齐方式建立对比的最好例子。
C、从用户视线行为来分析对齐方式：用户的视线常常是从上到下，从左到右，那么框架之间最好的就要左右对齐，上下对齐，让视线更流畅。导航页的里面的全部内容链接，当用户看完1个链接后，会接着看下1个链接，左对齐仍然是最好的方式。
2、框架和框架之间的对齐方式
第一部分讲了，用户的视线常常是从上到下，从左到右，那么框架之间最好的就要左右对齐，上下对齐，让视线更流畅。但是有时左边框架的里面的全部内容更高，右边要放2个模块才可能和左边一样多，这个时间我们一定要确保右边2个模块或多个模块刚好和左边的1个框架对齐，这样看起来才更统一。
3、里面的全部内容和小图标之间的对齐方式
标题栏上的小图标和标题栏名称、里面的全部内容链接左边的小图标等，都是采用上下居中对齐，左边左对齐的方式，一般里面的全部内容链接左边都有1个小图标，小图标右边的标题也要左对齐。而且整站上下不同的框架之间，也要上下对齐。
4、产品图片、人物图片等和里面的全部内容的对齐方式
这种方式分为两种，水平对齐方式和居中对齐方式。
A 文字放图片下方：这种方式一般为居中对齐，因为如果左对齐，文字如果少了，会显的比较难看，尤其是人物图片，只有1个人名。
B 文字放图片右边：文字水平方向要左对齐，因为用户看了图片，就要看图片周围的文字，如果采用右对齐或居中对齐，都会使视线不连贯。垂直方向要两端对齐，看起来更规整，一般是标题和导读里面的全部内容和图片两端对齐。
更多的对齐方式在《B2B行业门户网站设计开发实战研究报告》第四章第四节里做了详细阐述。
5、信息录入提交表单页面
在表单页面使操作区域对齐，将大大提高用户完成任务的效率，所以输入框左对齐是一定的，当用户输入完1个框后，接着往下1个框，能够节省用户的时间。但是作为提示输入里面的全部内容的文字，则要右对齐最好，因为提示语言有的多有的少，会造成提示语言和输入框之间产生空白区域，加重了用户的认知负担，用户一定花相当多的时间以便在标签和输入框之间移动视线。
操作过程中，用户更关注输入框本身，而不是标签。用户眼睛关注点的转移速度是非常快的，并且即使不从头阅读标签也能明白它的意思，对这个用户的行为分析，本文作者在《B2B行业门户网站策划实战研究报告》里做了详细的阐述。
注：相关网站建设技巧
