Tkinter表单布局问题：并排输入框与下方输入框对齐异常

你的核心问题是把多个组件塞在同一个框架里用pack布局，导致组件位置错乱。要实现“两个带上方标签的输入框并排、第三个输入框在下方”的效果，需要用嵌套框架来分组每个输入项，让标签和对应输入框绑定在一起，再整体排列。

修改后的代码 #

def login_selection(self):
    import tkinter as tk
    # 主表单框架
    loginf = tk.Frame(master=self, relief=RAISED, borderwidth=1)
    loginf.grid(row=2, column=0, padx=10, pady=10)  # 加边距提升美观度

    # 存放两个并排输入项的容器框架
    top_row_frame = tk.Frame(master=loginf)
    top_row_frame.pack(side=tk.TOP, pady=(0, 10))  # 和下方Server组件保留间距

    # 第一个输入项：Username标签+输入框
    username_frame = tk.Frame(master=top_row_frame)
    username_frame.pack(side=tk.LEFT, padx=5)  # 两个输入项框架横向并排
    userl = tk.Label(master=username_frame, text="Username")
    userl.pack(side=tk.TOP)
    usere = tk.Entry(master=username_frame)
    usere.pack(side=tk.TOP, fill=tk.X)  # 让输入框自适应框架宽度

    # 第二个输入项：Password标签+输入框
    password_frame = tk.Frame(master=top_row_frame)
    password_frame.pack(side=tk.LEFT, padx=5)
    passl = tk.Label(master=password_frame, text="Password")
    passl.pack(side=tk.TOP)
    passe = tk.Entry(master=password_frame)
    passe.pack(side=tk.TOP, fill=tk.X)

    # 第三个输入项：Server标签+输入框
    serverf = tk.Frame(master=loginf)
    serverf.pack(side=tk.TOP, fill=tk.X)
    serverl = tk.Label(master=serverf, text="Server")
    serverl.pack(side=tk.TOP)
    servere = tk.Entry(master=serverf)
    servere.pack(side=tk.TOP, fill=tk.X)

关键调整说明 #

• 给每个“标签+输入框”单独创建子框架，确保标签和输入框的从属关系，不会被其他组件干扰位置。
• 用top_row_frame统一包裹两个输入项框架，实现横向并排的布局逻辑。
• 添加padx、pady边距让布局更宽松；用fill=tk.X让输入框自适应宽度，保持视觉一致性。
• 显式指定tk.前缀避免命名冲突，代码可读性更强。

修改后就能实现预期效果：两个输入框并排显示，各自标签在正上方，第三个输入框居中置于下方，所有组件对齐正常。

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