如何使用CSS设置对齐文本

使用CSS文本对齐属性来对齐文本

在网站开发过程中,您可能会选择调整的网站排版属性之一是网站文字的合理性。 默认情况下,网站文字左对齐,这是多少网站离开他们的文字。 唯一的其他选择是正确的,没有人在网站上使用,因为它会使文本基本上不可能在线阅读,或称为完全正当的。

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

理由如何工作?

您经常在文本块右侧看到不均匀边缘的原因是因为每行文本的长度不同。 有些行有更多的单词或更长的单词,而其他单词有更少或更短的单词。 为了证明这一段文字的正确性,必须在一些行上添加额外的空格,以便将所有行均匀化并使其一致。

每个网页浏览器制造商都有自己的算法来应用一行中的额外空间。 浏览器会查看字长,连字符和其他因素以确定放置空间的位置。

因此,从一个浏览器到另一个浏览器,合理的文本可能看起来不一样。 这很好,因为没有网站访问者会从一个浏览器跳到另一个浏览器,只是为了比较您的网站的行长看起来如何! 然而,请放心,主要的浏览器支持对于使用CSS来验证文本是很好的。

如何理解文本

使用CSS对文本进行理由需要一段文本来证明。

通常,这是对文本段落进行的,因为跨越多行的大块文本上下文将用段落标签标记。

在你有一段文字后,只需将样式设置为CSS 文本对齐样式属性即可。

text-align:justify;

您需要将此CSS规则应用于适当的选择器以使文本块按预期呈现。

何时对齐文本

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

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

除了可读性问题之外,空白空间有时也会相互排成一行,在文本中间创建空白区域的“河流”。

那些白色空间的巨大差距确实会造成显示的尴尬。 此外,在极短的线上,理由可能导致包含一个单词的行在这些字母之间具有额外的空格。

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

在应用文本对齐样式来对齐文本之后,对其进行测试以确保文本没有空白的河流 - 并确保以各种大小进行测试。

要做到这一点的最简单方法就是用斜眼看它。 在另一块灰色的文本块中,河流以白色的斑点出现。 如果你看到河流,你应该改变文本大小或文本块的宽度,以摆脱那些难看的河流。

如本文所述,只有在将其与左对齐文本进行比较后才使用对齐方式。 您可以像完全证明一致,但标准的左对齐文本通常更具可读性。 最后,您应该证明文字是合理的,因为您已选择为设计目的证明文字的正确性,并确认您的网站仍然易于阅读。