175 6191 5976

添加官方微信

领创时代关于网站建设、青岛画册设计、青岛网站设计的观点和相关新闻 将我们的想法与焦点与你共享

网站设计中文本对齐的秘密

2019-09-02 来源:小领

网站文本的排版的合理性和可读性是网站设计中至关重要的地方。浏览器默认情况下,网站的文本是左对齐的。这也是绝大多数网站采取的文本对齐方式,因为其他对齐模式非常不利于驾驭,因为它会使文本基本上不利于在线阅读,或者显得很不合理。

对齐文本是在左侧和右侧对齐的文本块,而不是这些侧面中的一个(这是“左”和“右”对齐所做的)。通过调整每行文本中的单词和字母空格来确保每行的长度相同,从而实现双重合理的效果。这种效应称为完全对齐。您可以使用text-align属性来证明CSS中的文本。

您经常在文本块右侧看到不均匀边缘的原因是每行文本的长度不同。某些行包含更多单词或更长的单词,而其他行包含更少或更短的单词。为了证明该文本块的合理性,必须在某些行中添加额外的空格以使所有行均匀并使它们保持一致。

每个网络浏览器制造商都有自己的算法,用于在一条线内应用额外的空间。浏览器会查看字长,连字符和其他因素,以确定放置空格的位置。因此,从一个浏览器到下一个浏览器,合理的文本可能看起来不一样。这很好,因为没有网站访问者会从一个浏览器跳转到另一个浏览器只是为了比较网站的线长度!但请放心,主要的浏览器支持对于使用CSS证明文本是合适的。

使用CSS对文本进行证明需要一段文本来证明。通常,这是针对文本段落进行的,因为跨越多行的大块文本上下文将使用段落标记进行标记。


在您有一个文本块来证明之后,只需将样式设置为使用CSS  text-align样式属性进行对齐。您需要将此CSS规则应用于适当的选择器,以使文本块按预期呈现。

从设计的角度来看,许多人都喜欢合理文本的外观,主要是因为它创建了一个非常一致的测量外观,但是在网页上完全证明文本是有缺点的。

首先,合理的文本可能难以阅读。这是因为当您对文本进行对齐时,有时会在行上的某些单词之间添加大量额外空间。那些不一致的差距可能使文本更难以阅读。这在网页上尤其重要,由于照明,分辨率或其他硬件质量,网页很难读取。在文本中添加不寻常的空格可能会使情况变得更糟。

除了可读性问题之外,空白空间有时会相互排列,以在文本中间创建白色空间的“河流”。那些巨大的空白空间确实可以让人感到尴尬。此外,在极短的线条上,对齐可能会导致包含一个单词的行在单词本身之间留出额外的空格。

那么什么时候应该使用文本对齐?当行很长并且字体很小时(在线路长度根​​据屏幕大小而变化的响应式网站上很难确定的事情),可以出现证明文本对齐的最佳时间。行的长度或文本的大小没有硬数字和快速数字; 你必须用你最好的判断力。 

应用文本对齐样式来对齐文本后,对其进行测试以确保文本没有白色空间的河流 ,并确保以各种尺寸对其进行测试。最简单的方法是用斜视眼看它。这些河流在一个灰色的文本块中以白色斑点突出。如果你看到河流,你应该改变文本大小或文本块的宽度,以摆脱那些难看的河流。

仅在将其与左对齐文本进行比较后才使用对齐。您可能喜欢完全对齐的一致性,但标准的左对齐文本通常更具可读性。最后,您应该确保文本是正确的,因为您已经选择为文本设计证明其合理性,并确认您的网站仍然易于阅读。

版权声明:转载此文章须经 领创时代 同意,并请附上 领创时代 及本页链接http://www.leadnov.com/newsItem.aspx?id=264
创造品牌视觉体验 X 创新IT技术赋能企业
领创帮助您创新品牌战略,让品牌成为最具价值的资产。
中国·山东 青岛市市北区郑州路43号橡胶谷A栋
热线:175 6191 5976
微信:leadnov
Copyright © 2018-2020 leadnov All Rights Reserved
鲁ICP备18056479号-1站点地图

关注领创公众平台

添加官方微信

175 6191 5976