为何网页开发中较少使用文本两端对齐（justify）？

其实这个疑问挺普遍的——印刷品里两端对齐看着规整又专业，但到了网页上几乎成了“非主流”，维基百科这类大站都坚决不用，核心原因确实和浏览器的字体渲染、网页内容的动态性脱不开关系，具体来说有这几个关键点：

• 不规则的字间距导致阅读障碍
  印刷品的排版是固定尺寸、固定字体字号，设计师可以手动调整字间距和词间距，把两端对齐的间隙控制得均匀自然。但网页不一样：用户的设备屏幕尺寸千差万别，字体是用户本地的（或者加载的web字体也可能有渲染差异），浏览器会自动拉伸或压缩文本填充行宽，很容易出现**大段空白（rivers of white）**或者单词被强行拆分的情况，反而让阅读流畅度下降，这对网页的可读性来说是致命的——毕竟网页核心是信息传递，不是纯视觉美观。

• 多设备适配的噩梦
  响应式设计是现在网页的标配，同一篇文本要在手机、平板、桌面显示器上都显示正常。两端对齐在窄屏（比如手机）上会更糟糕：行宽太窄，为了撑满两端，浏览器会把单词拆得七零八落，或者把字间距拉得特别大，读起来非常费劲。而左对齐（或者移动端常用的居中对齐）在任何宽度下都能保持自然的换行和间距，适配成本低太多。

• 浏览器渲染的不一致性
  不同浏览器（Chrome、Firefox、Safari）甚至同一浏览器在不同操作系统（Windows、Mac、Linux）上的字体渲染引擎都不一样。两端对齐的计算逻辑没有统一标准，同样一段文本在不同环境下显示效果差异很大——可能在你的电脑上看着还行，换个设备就变成“惨不忍睹”的排版，设计师很难保证跨平台的一致性体验。

• 动态内容的不可控性
  网页内容很多是动态生成的：用户评论、实时更新的资讯、个性化内容等等。这些内容的长度、词汇都是不可预测的，两端对齐没办法像印刷品那样提前手动调整，很容易出现排版崩坏的情况。而左对齐的容错率极高，不管内容怎么变，排版都能保持基本的可读性。

当然，也不是说网页上完全不能用两端对齐——比如一些固定宽度的静态文本块（像海报式的banner文案、精心设计的单页内容），在设计师能精准控制字体、行宽、内容的前提下，偶尔用用也能提升质感。但对于大部分以信息传递为主的网页来说，牺牲可读性换视觉美观，确实是得不偿失的选择。

内容的提问来源于stack exchange，提问作者UkFLSUI