CSS在计算行高时，会综合考虑字体大小、行距以及文字内容来确定行高。具体的计算方式如下：

行高 = 字体大小 + 上下行距
上下行距 = （行高 - 字体大小）/ 2

这里的上下行距指的是同一行内文字上方和下方的空白区域。

例如，如果我们设置字体大小为16px，行距为20px，那么行高就为：

行高 = 16px + （20px - 16px）/ 2
= 18px

当某一行中的文字大小不同时，CSS会取其中最大的字体大小作为计算基准，并将其他文字按比例缩放以适应行高。例如：

/* CSS样式 */
p {
font-size: 16px;
line-height: 20px;
}
/* HTML代码 */
这是一行小字体和大字体的文字
/* 计算行高 */
基准字体大小 = 20px
小字体宽度 = 12px / 20px * 20px = 12px
大字体宽度 = 20px / 20px * 20px = 20px
行高 = 20px + (20px - 16px) / 2 = 22px

总之，CSS计算行高是一个综合考虑多因素的过程，我们需要根据实际情况来设置字体大小和行距，以获得最优的阅读体验。