Tkinter grid布局下按钮间距异常、加载图片后错位问题如何解决？

我正在使用Tkinter开发Hangman猜词游戏，采用按钮作为字母选择控件，所有字母按钮排布在grid布局的第0行，列号从0到25依次排列，下方行放置标签、游戏素材图片等组件。
当前遇到的问题：前若干个按钮之间存在多余空白间距，当展示游戏图片后，按钮间距会进一步变大，甚至超出窗口可显示范围。
运行效果截图：


示例代码如下：

from tkinter import *
from PIL import ImageTk, Image

window = Tk()

A = Button(text ="A").grid(row = 0, column = 0)
B = Button(text ="B").grid(row = 0, column = 1)
C = Button(text ="C").grid(row = 0, column = 2)
D = Button(text ="D").grid(row = 0, column = 3)
E = Button(text ="E").grid(row = 0, column = 4)

lbl = Label(text = "Hello").grid(row = 1, column = 0)

photo = ImageTk.PhotoImage(file='hang1.jpg')

def show_image():
    pic = Label(window, image=photo).grid(row=3, column=2)

btn = Button(window, text = "Show image", command = show_image).grid(row = 2, column = 2)

window.mainloop()

Tkinter的grid布局默认每列的宽度由该列内最宽的组件决定，你将图片放在了第2列，图片宽度远大于字母按钮，直接把第2列的列宽撑大，连带第0行第2列的按钮也占据了更宽的位置，就出现了按钮间距异常的问题。

核心思路是隔离顶部字母按钮的布局和下方组件的布局，避免下方大尺寸组件撑宽单个列影响按钮排版，有两种常用落地方式：

方案1：用Frame容器包裹字母按钮（最推荐） #

新建一个单独的Frame放在窗口顶部，所有字母按钮都放在这个Frame内部做grid布局，Frame的布局和窗口主布局隔离，下方组件的宽度变化不会影响Frame内部的按钮排版。同时下方的大尺寸组件（图片、功能按钮）设置columnspan参数跨多列放置，不单独占用某一列。
修复后参考代码：

from tkinter import *
from PIL import ImageTk, Image

window = Tk()

# 顶部容器放所有字母按钮，和下方布局隔离
letter_btn_frame = Frame(window)
letter_btn_frame.grid(row=0, column=0, columnspan=26, sticky="n") # 跨26个字母列占满顶部

# 字母按钮都放在容器内部，内部grid不受外部影响
A = Button(letter_btn_frame, text ="A").grid(row = 0, column = 0, padx=2) # 可加padx统一控制按钮间距
B = Button(letter_btn_frame, text ="B").grid(row = 0, column = 1, padx=2)
C = Button(letter_btn_frame, text ="C").grid(row = 0, column = 2, padx=2)
D = Button(letter_btn_frame, text ="D").grid(row = 0, column = 3, padx=2)
E = Button(letter_btn_frame, text ="E").grid(row = 0, column = 4, padx=2)
# 其余21个字母按钮同理放置

lbl = Label(text = "Hello").grid(row = 1, column = 0)

photo = ImageTk.PhotoImage(file='hang1.jpg')

def show_image():
    # 图片跨26列放置，不撑宽单列
    pic = Label(window, image=photo).grid(row=3, column=0, columnspan=26)

# 功能按钮也跨列放置
btn = Button(window, text = "Show image", command = show_image).grid(row = 2, column=0, columnspan=26)

window.mainloop()

方案2：固定所有字母列的宽度 #

提前给26个字母对应的列统一配置固定宽度，限制列宽不会被下方组件撑大，适合布局结构比较简单的场景：

# 在创建按钮前添加以下代码，统一配置26个列的宽度
for col in range(26):
    window.grid_columnconfigure(col, minsize=30, weight=0) # minsize按需调整为合适的宽度

内容的提问来源于stack exchange，提问作者Stefan Tončev