在Python的Gtk中实现Label控件内文本垂直居中的问题

这个问题我之前也碰到过！其实是Gtk Label默认的基线对齐和内边距在搞怪，特别是给Label加上背景色后，文本偏上的问题就特别明显。下面给你两种靠谱的解决办法：

一、编程式解决方法 #

核心是调整Label内部文本的垂直对齐方式，而不仅仅是Label在Box中的对齐。Gtk Label的set_yalign()方法可以控制文本在自身区域内的垂直位置，默认的基线对齐会导致文本偏上，我们把它设置为0.5就能实现完全居中。

修改后的代码如下：

import gi
gi.require_version('Gtk', '3.0')
from gi.repository import Gtk, Gdk

win = Gtk.Window()
win.set_default_size(200, 100)
box = Gtk.Box()
win.add(box)

lbl = Gtk.Label("FOO")
lbl.set_vexpand(True)
lbl.set_valign(Gtk.Align.CENTER)
# 关键：强制Label内部文本垂直居中
lbl.set_yalign(0.5)
# 可选：移除Label默认的上下内边距，让文本和背景完全贴合
lbl.set_padding(0, 0)
# 设置背景色便于观察
lbl.override_background_color(Gtk.StateFlags.NORMAL, Gdk.RGBA(red=1, green=0, blue=0))

box.add(lbl)
win.show_all()
win.connect('destroy', Gtk.main_quit)
Gtk.main()

• set_yalign(0.5)：让文本相对于Label的可用空间完全垂直居中，替代默认的基线对齐逻辑。
• set_padding(0, 0)：清除Label默认的上下内边距，避免额外的空白导致视觉上的偏移。

二、CSS样式解决方法 #

如果需要批量调整多个Label的样式，或者想要更灵活的定制，用CSS是更好的选择。通过Gtk的样式系统，我们可以直接控制Label的文本对齐和内边距：

import gi
gi.require_version('Gtk', '3.0')
from gi.repository import Gtk, Gdk

# 定义自定义CSS样式
custom_css = """
.label-text-centered {
    /* 强制文本垂直居中 */
    vertical-align: center;
    /* 移除默认上下内边距 */
    padding-top: 0;
    padding-bottom: 0;
    /* 设置背景色 */
    background-color: rgba(255, 0, 0, 1);
}
"""

win = Gtk.Window()
win.set_default_size(200, 100)
box = Gtk.Box()
win.add(box)

lbl = Gtk.Label("FOO")
lbl.set_vexpand(True)
lbl.set_valign(Gtk.Align.CENTER)
# 给Label添加自定义CSS类
lbl.get_style_context().add_class("label-text-centered")

# 加载并应用CSS样式
style_provider = Gtk.CssProvider()
style_provider.load_from_data(custom_css.encode())
Gtk.StyleContext.add_provider_for_screen(
    Gdk.Screen.get_default(),
    style_provider,
    Gtk.STYLE_PROVIDER_PRIORITY_APPLICATION
)

box.add(lbl)
win.show_all()
win.connect('destroy', Gtk.main_quit)
Gtk.main()

如果遇到字体本身导致的细微偏移，还可以在CSS中添加line-height: 1（或与Label高度匹配的值）来进一步调整，不过大多数情况下vertical-align: center就足够解决问题了。

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