1、页面各种元素对齐方式的基础知识

A、左对齐在网站布局中是*常见的对齐方式：它整齐一致并且安全，因为大家对这种对齐方式很熟悉并且也乐于接受，所以对任何设计而言，左对齐都是*保险的对齐方式。

B、在高质量网页设计中，好的对齐方式占了很大的比重：当物品排成一行时，一般看上去感觉更好。因此，使用不同的对齐方式来建立对比是较难的并且要更谨慎的使用，但是如果做的好的话是十分**的。比如：在文章中，我们经常是用左对齐的文本段落和居中对齐的标题来混合起来，这是使用不同的对齐方式建立对比的**例子。

C、从用户视线行为来分析对齐方式：用户的视线经常是从上到下，从左到右，那么框架之间**的就要左右对齐，上下对齐，让视线更顺畅。导航页的内容链接，当用户看完一个链接后，会接着看下一个链接，左对齐仍然是**的方式。

2、框架与框架之间的对齐方式

**部分讲了，用户的视线经常是从上到下，从左到右，那么框架之间**的就要左右对齐，上下对齐，让视线更顺畅。但是有时左边框架的内容更高，右边要放2个模块才可能和左边一样多，这个时候我们必须要确保右边2个模块或多个模块刚好和左边的一个框架对齐，这样看起来才更统一。

3、内容与小图标之间的对齐方式

标题栏上的小图标与标题栏名称、内容链接左边的小图标等，都是采用上下居中对齐，左边左对齐的方式，一般内容链接左边都有一个小图标，小图标右边的标题也要左对齐。并且整站上下不同的框架之间，也要上下对齐。

4、产品图片、人物图片等与内容的对齐方式

这种方式分为两种，水平对齐方式与居中对齐方式。

A 文字放图片下方：这种方式一般为居中对齐，因为如果左对齐，文字如果少了，会显的比较难看，尤其是人物图片，只有一个人名。

B 文字放图片右边：文字水平方向要左对齐，因为用户看了图片，就要看图片周围的文字，如果采用右对齐或居中对齐，都会使视线不连贯。垂直方向要两端对齐，看起来更规整，一般是标题和导读内容与图片两端对齐。

5、信息录入提交表单页面

在表单页面使操作区域对齐，将大大提升用户完成任务的效率，所以输入框左对齐是必须的，当用户输入完一个框后，接着往下一个框，可以节省用户的时间。但是作为提示输入内容的文字，则要右对齐**，因为提示语言有的多有的少，会造成提示语言和输入框之间产生空白区域，加重了用户的认知负担，用户必须花相当多的时间以便在标签和输入框之间产生空白区域，加重了用户的认知负担，用户必须花相当多的时间以便在标签和输入框之间移动视线。

优品网(UoPoP.CoM),国内大型免费品牌推广B2B电子商务平台，企业可以在优品网免费发布公司品牌产品信息，让贵公司**品牌在网上宣传，微商代理可以从这里找到厂家货源，代理批发，厂家宣传提升品牌知名度，更好的为企业服务，欢迎各位企业入驻。

资讯来源：https://www.uopop.com/news/show-3551.html