將這兩個按鈕放在一起,放到中間
时间: 2023-10-13 19:06:15 浏览: 110
您可以使用 `grid()` 方法来将这两个按钮放在一起并置中。示例代码如下:
```
ttk.Button(toolbar, text="查詢", style='my.TButton', command=lambda: QueryWindow(tk.Toplevel(master))).grid(row=0, column=0, padx=5, pady=5)
ttk.Button(toolbar, text="關閉", style='my.TButton', command=self.quit_app).grid(row=0, column=1, padx=5, pady=5)
toolbar.grid_columnconfigure(0, weight=1)
toolbar.grid_columnconfigure(1, weight=1)
```
上面的代码将两个按钮放在一行的两个列中,并使用 `grid_columnconfigure()` 方法将两列的宽度设置为相等。这将使这两个按钮在容器中水平居中。您可以根据需要进行调整。
相关问题
怎么把按钮放到图片正中间
如果你想将按钮放在图片的正中间,你可以按照以下步骤操作:
1. **HTML布局**:
使用`<div>`等容器元素包裹图片和按钮,然后设置这两个元素的宽度、高度以及定位。例如:
```html
<div class="image-container">
<img src="your-image.jpg" alt="Image">
<button>点击</button>
</div>
```
2. **CSS样式**:
- 首先,你需要给图片和按钮指定宽度和高度,并让它们水平垂直居中。这通常通过flexbox或grid布局实现:
```css
.image-container {
display: flex;
justify-content: center; /* 水平居中 */
align-items: center; /* 垂直居中 */
height: 300px; /* 或者根据实际需要设定高度 */
}
img, button {
width: 100%; /* 如果图片自适应高度,保持比例 */
max-width: 100%;
}
```
如果不想用Flexbox或Grid,可以设置按钮绝对定位,相对于其容器进行偏移:
```css
button {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%); /* 将按钮移动到中心位置 */
}
```
# 添加“查询”按钮 ttk.Button(toolbar, text="查詢", style='my.TButton', command=lambda: QueryWindow(tk.Toplevel(master))).pack( side=tk.LEFT, padx=2, pady=2, anchor=tk.CENTER) # 添加“關閉”按钮 ttk.Button(toolbar, text="關閉", style='my.TButton', command=self.quit_app).pack( side=tk.LEFT, padx=2, pady=2, anchor=tk.CENTER) # 显示工具栏 toolbar.pack(side=tk.TOP, fill=tk.BOTH)將這個按鈕放到工具欄的中間
要将一个按钮放在工具栏的中间,您可以添加两个占位 Label,然后将按钮添加到这两个占位 Label 之间。这样,按钮就会在工具栏的中间位置。
以下是代码示例:
```
# 添加占位的 Label
tk.Label(toolbar).pack(side=tk.LEFT, fill=tk.BOTH, expand=True)
# 添加“查询”按钮
ttk.Button(toolbar, text="查詢", style='my.TButton', command=lambda: QueryWindow(tk.Toplevel(master))).pack(
side=tk.LEFT, padx=2, pady=2, anchor=tk.CENTER)
# 添加占位的 Label
tk.Label(toolbar).pack(side=tk.LEFT, fill=tk.BOTH, expand=True)
# 添加“關閉”按钮
ttk.Button(toolbar, text="關閉", style='my.TButton', command=self.quit_app).pack(
side=tk.LEFT, padx=2, pady=2, anchor=tk.CENTER)
# 显示工具栏
toolbar.pack(side=tk.TOP, fill=tk.BOTH)
```
这样,工具栏中间的占位 Label 将自动将查询按钮和关闭按钮分隔开,并使其位于工具栏的中间位置。
阅读全文