Tkinter界面中如何实现MENU标题居中、其余内容左对齐？

你之前使用anchor="center"未生效的核心原因是：默认情况下Label组件会收缩到与文字内容等宽的尺寸，此时anchor仅在这个狭小空间内对齐，视觉上无法体现居中效果。要实现标题在Frame范围内全局居中，需要让Label占据整个Frame的横向宽度，再让文字在Label内部居中。

以下是两种可行的解决方案：

方案一：基于pack布局调整 #

修改后的代码如下：

def menu_page():
    menu_page_frame = tk.Frame(m_f, bg="#A68367")

    # MENU标题：fill="x"让Label填满Frame横向空间，anchor="center"实现文字居中
    tk.Label(menu_page_frame, text="MENU", font=("times", 30), bg="#A68367", fg="#3E2416").pack(pady=10, fill="x", anchor="center")

    menu = {
        "Americano": 10, "Cappuccino": 24, "Flat White": 22,
        "Caramel Latte": 25, "Spanish Latte": 22, "Espresso": 20, "Cold Brew": 20
    }

    for item, price in menu.items():
        # 菜单内容：anchor="w"实现左对齐，保持内容宽度
        tk.Label(menu_page_frame, text=f"{item}: {price} riyals", font=("times", 18), bg="#A68367", fg="#794C30").pack(pady=5, anchor="w")

    # 让外层Frame适配窗口宽度，添加左右内边距避免内容贴边
    menu_page_frame.pack(pady=5, fill="x", padx=10)

关键调整说明：

• 给标题Label添加fill="x"，使其横向填满父Frame的宽度，此时anchor="center"才能让文字在整个横向空间内居中。
• 移除原代码中多余的\n，改用pady控制间距更规范。
• 外层Frame添加fill="x"和padx，优化布局适配性。

方案二：基于grid布局（更灵活） #

如果需要更精细的布局控制，推荐使用grid：

def menu_page():
    menu_page_frame = tk.Frame(m_f, bg="#A68367")
    # 配置第0列自动扩展，占据所有可用横向空间
    menu_page_frame.columnconfigure(0, weight=1)

    # MENU标题：sticky="nsew"让Label填满单元格，实现全局居中
    tk.Label(menu_page_frame, text="MENU", font=("times", 30), bg="#A68367", fg="#3E2416").grid(row=0, column=0, pady=10, sticky="nsew")

    menu = {
        "Americano": 10, "Cappuccino": 24, "Flat White": 22,
        "Caramel Latte": 25, "Spanish Latte": 22, "Espresso": 20, "Cold Brew": 20
    }

    # 循环添加菜单项，从第1行开始排列
    for row, (item, price) in enumerate(menu.items(), start=1):
        tk.Label(menu_page_frame, text=f"{item}: {price} riyals", font=("times", 18), bg="#A68367", fg="#794C30").grid(row=row, column=0, pady=5, sticky="w")

    menu_page_frame.pack(pady=5, fill="x", padx=10)

关键调整说明：

• 通过columnconfigure(0, weight=1)让第0列随Frame宽度自动扩展。
• 标题Label的sticky="nsew"使其填满整个单元格，确保文字在全局范围内居中。
• 菜单项用sticky="w"固定在单元格左侧，实现左对齐效果。

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