UILabel内容增长时如何保证文字首行始终保持垂直对齐？

问题原因 #

• 核心原因是两个并排的灰色UILabel没有绑定首行基线对齐的强约束：短文本状态下，两个label高度一致，顶部对齐和首行基线对齐视觉上没有差异；当文本长度增加，可用垂直空间不足以完整展示两个label的全部内容时，系统为了满足「label底部 ≤ 红色stack view顶部」的约束，会优先保障底部约束，在没有强制定义首行对齐规则的前提下，会单独调整其中一个label的垂直偏移来适配可用空间，最终导致首行错位。
• 两个灰色label的垂直布局优先级未做统一配置：你仅设置了红色footer的垂直抗压缩优先级为1000，但两个label的垂直抗压缩、内容吸附优先级默认可能存在细微差异，系统布局时会优先调整优先级更低的label的位置，进一步放大了错位问题。

解决方案（保留原有行为的前提下） #

• 如果两个灰色label是放在水平UIStackView中：直接将水平stack view的alignment属性设置为.firstBaseline，即可强制两个label的首行始终保持对齐，该设置优先级足够高，不会和底部约束、红色footer的抗压缩规则冲突。
• 如果是单独用约束布局的两个label：手动给两个label添加「首行基线相等」的约束，将该约束的优先级设置为1000（最高），确保布局时首行对齐规则不会被其他约束覆盖。
• 统一两个label的垂直布局优先级：将两个灰色label的垂直Content Compression Resistance Priority（抗压缩优先级）设置为相同值（比如750，低于红色footer的1000即可），垂直Content Hugging Priority（内容吸附优先级）也设置为相同值，确保系统调整布局时会同步修改两个label的高度，不会只偏移单个label的位置。
• 若需要控制label的最大行数，确保两个label的numberOfLines属性设置为相同值，避免因最大行数不同导致的高度差异。

内容的提问来源于stack exchange，提问作者Cheok Yan Cheng