[已解决]Tkinter 程序：x 与 = 如何居中 ？

dragov

1. from tkinter import *
   
2. root=Tk()
   
3. root.config(background="ghostwhite")
   
4. f=Frame(root,background="ghostwhite")
   
5. f.pack(padx=20,pady=20)
   
6. v1=StringVar()
   
7. v2=StringVar()
   
8. v3=StringVar()
   
9. Entry(f,textvariable=v1,width=10).grid(row=0,column=0)
   
10. Label(f,text="x").grid(row=0,column=1)
    
11. Entry(f,textvariable=v2,width=10).grid(row=0,column=2)
    
12. Label(f,text="=").grid(row=0,column=3)
    
13. Entry(f,textvariable=v3,width=10).grid(row=0,column=4)
    
14. def gyl():
    
15.      result=int(v1.get())*int(v2.get())
    
16.      v3.set(result)
    
17. Button(f,text="乘法的计算结果",command=gyl,relief="ridge",borderwidth=8,font="方正艺黑简体 15 bold",foreground="lavender",background="orangered").grid(row=1,column=2,pady=30)
    
18. mainloop()

复制代码

最佳答案

月排行榜 / 总排行榜

小甲鱼的二师兄

前天 15:53

1. from tkinter import *
   
2. 
   
3. root = Tk()
   
4. root.config(background="ghostwhite")
   
5. f = Frame(root, background="ghostwhite")
   
6. f.pack(padx=20, pady=20)
   
7. 
   
8. # 让每一列都可以自适应宽度
   
9. for i in range(5):
   
10.     f.grid_columnconfigure(i, weight=1)
    
11. 
    
12. v1 = StringVar()
    
13. v2 = StringVar()
    
14. v3 = StringVar()
    
15. 
    
16. Entry(f, textvariable=v1, width=10, justify='center').grid(row=0, column=0)
    
17. Label(f, text="x", width=2, anchor="center").grid(row=0, column=1, sticky="nsew")
    
18. Entry(f, textvariable=v2, width=10, justify='center').grid(row=0, column=2)
    
19. Label(f, text="=", width=2, anchor="center").grid(row=0, column=3, sticky="nsew")
    
20. Entry(f, textvariable=v3, width=10, justify='center').grid(row=0, column=4)
    
21. 
    
22. def gyl():
    
23.     result = int(v1.get()) * int(v2.get())
    
24.     v3.set(result)
    
25. 
    
26. Button(
    
27.     f,
    
28.     text="乘法的计算结果",
    
29.     command=gyl,
    
30.     relief="ridge",
    
31.     borderwidth=8,
    
32.     font="方正艺黑简体 15 bold",
    
33.     foreground="lavender",
    
34.     background="orangered"
    
35. ).grid(row=1, column=0, columnspan=5, pady=30)  # 按钮也可以居中
    
36. 
    
37. mainloop()

复制代码

跳转到最佳答案楼层

FishC

在 Tkinter 中让 "x" 和 "=" 标签垂直居中，可以通过调整网格布局的 `sticky` 参数实现。以下是修改后的代码：

1. 
   
2. from tkinter import *
   
3. root = Tk()
   
4. root.config(background="ghostwhite")
   
5. f = Frame(root, background="ghostwhite")
   
6. f.pack(padx=20, pady=20)
   
7. 
   
8. v1 = StringVar()
   
9. v2 = StringVar()
   
10. v3 = StringVar()
    
11. 
    
12. # 修改点：所有组件添加 sticky="ns" 垂直居中
    
13. Entry(f, textvariable=v1, width=10).grid(row=0, column=0, sticky="ns")
    
14. Label(f, text="x").grid(row=0, column=1, sticky="ns")  # 垂直居中
    
15. Entry(f, textvariable=v2, width=10).grid(row=0, column=2, sticky="ns")
    
16. Label(f, text="=").grid(row=0, column=3, sticky="ns")  # 垂直居中
    
17. Entry(f, textvariable=v3, width=10).grid(row=0, column=4, sticky="ns")
    
18. 
    
19. def gyl():
    
20.     result = int(v1.get()) * int(v2.get())
    
21.     v3.set(result)
    
22. 
    
23. Button(
    
24.     f, text="乘法的计算结果", command=gyl, relief="ridge", borderwidth=8,
    
25.     font="方正艺黑简体 15 bold", foreground="lavender", background="orangered"
    
26. ).grid(row=1, column=2, pady=30)
    
27. 
    
28. mainloop()
    

复制代码

### 关键修改说明：
1. 在 grid() 方法中添加参数 sticky="ns"
   - "ns" 表示垂直方向拉伸（North-South），使组件在网格单元格内垂直居中
   - 适用于所有 Entry 和 Label 组件

2. 效果对比：
   - 原版：标签默认顶部对齐
   - 修改后：标签在垂直方向上居中显示

### 其他优化建议（可选）：
1. 水平间距调整：在 Label 的 grid 中添加 padx=5 增加左右间距
  

1. 
   
2.    Label(f, text="x").grid(row=0, column=1, sticky="ns", padx=5)
   
3.    

复制代码

2. 全局垂直居中：在 Frame 上设置行权重
  

1. 
   
2.    f.grid_rowconfigure(0, weight=1)  # 添加到 f.pack() 之后
   
3.    

复制代码

> 注意：如果使用其他字体或系统主题，可能需要微调参数。核心解决方案是 sticky="ns" 确保垂直居中。

以上回复来自 FishC AI 小助理，如未能正确解答您的问题，请继续追问。

小甲鱼的二师兄

1. from tkinter import *
   
2. 
   
3. root = Tk()
   
4. root.config(background="ghostwhite")
   
5. f = Frame(root, background="ghostwhite")
   
6. f.pack(padx=20, pady=20)
   
7. 
   
8. # 让每一列都可以自适应宽度
   
9. for i in range(5):
   
10.     f.grid_columnconfigure(i, weight=1)
    
11. 
    
12. v1 = StringVar()
    
13. v2 = StringVar()
    
14. v3 = StringVar()
    
15. 
    
16. Entry(f, textvariable=v1, width=10, justify='center').grid(row=0, column=0)
    
17. Label(f, text="x", width=2, anchor="center").grid(row=0, column=1, sticky="nsew")
    
18. Entry(f, textvariable=v2, width=10, justify='center').grid(row=0, column=2)
    
19. Label(f, text="=", width=2, anchor="center").grid(row=0, column=3, sticky="nsew")
    
20. Entry(f, textvariable=v3, width=10, justify='center').grid(row=0, column=4)
    
21. 
    
22. def gyl():
    
23.     result = int(v1.get()) * int(v2.get())
    
24.     v3.set(result)
    
25. 
    
26. Button(
    
27.     f,
    
28.     text="乘法的计算结果",
    
29.     command=gyl,
    
30.     relief="ridge",
    
31.     borderwidth=8,
    
32.     font="方正艺黑简体 15 bold",
    
33.     foreground="lavender",
    
34.     background="orangered"
    
35. ).grid(row=1, column=0, columnspan=5, pady=30)  # 按钮也可以居中
    
36. 
    
37. mainloop()

复制代码

不二如是

在 grid 里，单元格的宽度默认由该列中最宽的控件决定——你的 Entry 大约有 80 px，而标签 “x”“=” 只有几个像素宽。

所以它们都被紧贴在输入框旁边，看起来就像“靠右对齐”了一样。

只要把第 1 列和第 3 列预留一点固定宽度，再让标签在单元格里铺满并居中即可。

代码很简单，自己做！

如果你想更简单，也可以直接在标签上加一个字符宽度：

1. Label(f, text="x", width=4, anchor="center", bg="ghostwhite").grid(...)

复制代码

width 以字符为单位，同样能把列撑宽；不过用 grid_columnconfigure 更灵活，还能随窗口缩放保持居中。