QML中如何消除Label文本与容器底部的多余间距（非bottomMargin法）

你遇到的绿色间隙是因为字体本身会预留下行空间（descender）——即使是大写字母，字体的边界框也会包含这部分用于小写字母（比如g、y）的空间，Label的背景是基于这个边界框绘制的，所以锚定bottom后会出现间隙。

除了手动调整anchors.bottomMargin，这里有两种更精准且无需硬编码数值的解决方法：

方法一：直接使用Text组件并调整垂直对齐 #

Label是Text的封装，如果你不需要Label的额外特性（比如自动换行、文本省略等），可以直接用Text组件，通过垂直对齐和高度限制来实现：

Rectangle {
    id: content
    width: 300
    height: 300
    color: "blue"
    FontMetrics { id: fontMetrics }
    Text {
        text: "ABC"
        color: "black"
        font.pixelSize: 200
        anchors.bottom: content.bottom
        anchors.horizontalCenter: content.horizontalCenter
        // 让文本在组件内部靠底对齐
        verticalAlignment: Text.AlignBottom
        // 限制组件高度为大写字母实际占用的高度（去掉下行空间）
        height: fontMetrics.ascent
        background: Rectangle{ color: "green" }
    }
}

方法二：修改Label的内部文本对齐与高度 #

如果你必须使用Label组件，可以通过调整其内部contentItem（即底层Text组件）的属性，结合FontMetrics动态计算高度：

Rectangle {
    id: content
    width: 300
    height: 300
    color: "blue"
    Label {
        text: "ABC"
        color: "black"
        font.pixelSize: 200
        anchors.bottom: content.bottom
        anchors.horizontalCenter: content.horizontalCenter
        background: Rectangle{ color: "green" }
        // 让内部文本靠底对齐
        contentItem.verticalAlignment: Text.AlignBottom
        // 动态计算高度：去掉字体的下行空间
        height: contentItem.implicitHeight - fontMetrics.descent
        FontMetrics { id: fontMetrics; font: parent.font }
    }
}

这两种方法都是基于字体的实际度量值来调整，不会因为字体大小、字体类型的变化而失效，比手动设置margin更可靠。

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