城市站点
海外
登录 注册 购物车 方案咨询

网站设计对齐选项

发表于 2024-07-27 浏览量
文本块可以以很多不同的方式放置于边空中。左对齐、居中、右对齐以及两端对齐都是Web中可用的文本对齐选项。



1.两端对齐文本

两端对齐文本是同时与左右边空对齐。两端对齐的文本块呈矩形外观,通常标题都居中以便让文档看起来对称、正式。在打印时,可以通过调整字间距以及在单词中使用连字符来设置对齐。页面布局程序首先使用连字符字典来检查每行结尾的连字符以及在每行结尾应用连字符,然后再调整整行的字间距。但是即使使用高级的页面布局软件,两端对齐文本块的字间距通常也不十分的理想,还会时常出现连字符过多的情况,并且需要手动调整。

实际上,对于网页而言,这种控制并非是一个遥不可及的目标。现代浏览器支持两端对齐文本,但是该效果通过对字间距的粗略调整获得。低分辨率的计算机显示器不太可能进行精细的调整,而且当今的Web浏览器的调整精度也参差不齐。同样,Web浏览器不大可能很快就能随时提供自动断字处理,这是对文本进行适当的两端对齐操作的另一个"必要"条件。可以预期的是,如果将文本设置为两端对齐的话,将会降低Web文档的易读性。

2.居中和右对齐文本块

居中和右对齐文本块不方便阅读。我们采用从左至右的阅读方式阅读,并且会把对页面的跟踪固定在左边空的垂直线上。居中或者右对齐的文本会导致左侧的边空参差不齐,浏览起来更加困难,因为人眼需要重新搜索每行的起点,如图8-6所示。

3.左对齐文本

左对齐文本是网页最适合阅读的选择,这是因为它的左边空均匀且有规则,右边空不规则。与两端对齐文本不同的是,左对齐不要求调整字间距:所有间距的差异全部体现在行尾。最终的不规则右边空会为页面增添变化及乐趣,丝毫不会影响易读性。

4.标题对齐

网站设计位于左对齐正文之上的标题也应该左对齐。居中标题与两端对齐的文本登对,但是网页上不常使用两端对齐文本。居中显示字体与左对齐的不规则右边空形成了鲜明的对比,产生了失衡的页面效果。在网页变得更精致之前,我们推荐你使用左对齐文本块和左对齐标题,因为这是大多数布局的最佳解决方案。