使按钮移动到两侧的 Tkinter 文本

Question

我正在尝试在 Tkinter 中创建一个 TicTacToe 游戏，我正在尝试在面板的按钮下方放置一个标签，但是当我将标签放在按钮下方时，按钮会移动到两侧。我该如何解决？这是我的代码：

    from tkinter import *
    from tkinter import messagebox
    root = Tk()
    root.title('TicTacToe')
    # X starts
    clicked = True
    count = 0
    #button clicked function
    def b_click(b):
        global clicked
        global count
        
        if b["text"] == " " and clicked == True:
            b["text"] = "X"
            clicked = False
            count += 1
        elif b["text"] == " " and clicked == False:
            b["text"] = "O"
            clicked = True
            count += 1
        else:
            messages["text"] = "you cant do that"
            
    #build the buttons
    b1 = Button(root, text=" ", font =("Helvetica", 20), height=3, width=6, bg="SystemButtonFace", command= lambda:b_click(b1))
    b2 = Button(root, text=" ", font =("Helvetica", 20), height=3, width=6, bg="SystemButtonFace", command= lambda:b_click(b2))
    b3 = Button(root, text=" ", font =("Helvetica", 20), height=3, width=6, bg="SystemButtonFace", command= lambda:b_click(b3))
    b4 = Button(root, text=" ", font =("Helvetica", 20), height=3, width=6, bg="SystemButtonFace", command= lambda:b_click(b4))
    b5 = Button(root, text=" ", font =("Helvetica", 20), height=3, width=6, bg="SystemButtonFace", command= lambda:b_click(b5))
    b6 = Button(root, text=" ", font =("Helvetica", 20), height=3, width=6, bg="SystemButtonFace", command= lambda:b_click(b6))
    b7 = Button(root, text=" ", font =("Helvetica", 20), height=3, width=6, bg="SystemButtonFace", command= lambda:b_click(b7))
    b8 = Button(root, text=" ", font =("Helvetica", 20), height=3, width=6, bg="SystemButtonFace", command= lambda:b_click(b8))
    b9 = Button(root, text=" ", font =("Helvetica", 20), height=3, width=6, bg="SystemButtonFace", command= lambda:b_click(b9))
    messages  = Label(root, text="", font =("Helvetica", 20), height=1, width=15, relief="sunken")
    space = Label(root, text="", font =("Helvetica",))
    #display the buttons
    b1.grid(row=0, column=0)
    b2.grid(row=0, column=1)
    b3.grid(row=0, column=2)
    
    b4.grid(row=1, column=0)
    b5.grid(row=1, column=1)
    b6.grid(row=1, column=2)
    
    b7.grid(row=2, column=0)
    b8.grid(row=2, column=1)
    b9.grid(row=2, column=2)
    space.grid(row=3, column=0)
    messages.grid(row=4, column=1)
    
    root.mainloop()

Answer 1

当您尝试在按钮下添加标签时，如果您不指定 columnspan 标签将占据整个单元格，所以标签是比按钮更宽，并且由于它占据了所有单元格，所以按钮向两侧移动，所以如果你这样放置：

...
space.grid(row=3, column=0)
messages.grid(row=4, column=0, columnspan=3)

root.mainloop()

你告诉 tkinter 你的标签占用了三列，所以它不再移动按钮了。结果如下：

使按钮移动到两侧的 Tkinter 文本

Tkinter text making the button move to sides

python

tk

tkinter