在CSS中,排版中的“两端对齐”(又称全称两端多起)是指让一段文本中的每一行都具有相同的边界。通过调整单词之间的间距或改变字母的大小,可以让行的长度相等,所以样式表很容易产生反射出常规居中对齐、左对齐和右对齐的方式,但是两端对齐本质上并不是一种常见的对齐方式。
p { text-align: justify; }
要使用CSS的两端对齐,首先需要将其定义为文本的text-align属性。而不是用值“center”(居中对齐)、“left”(左对齐)或“right”(右对齐),需要使用值“justify”。
定义了这样一个属性后,浏览器将试图让段落中各行保持相等长度。这意味着插入词之间的额外空间以调整其间距,以便他们填充行并达到两端对齐的效果。
值得注意的是,不是所有浏览器都能完全支持两端对齐,这样有可能会看到一些行中的单词之间的间距某些情况下会显得过大或过小。通常,我们可以通过设置一个合理的最大值来解决这个问题,例如:
p { text-align: justify; max-width: 500px; }
上面的示例将段落的最大宽度设置为500像素,这样在不同屏幕和浏览器分辨率下也能适应两端对齐的要求。