在网格布局下使两个button 之间有间隔

在网格布局中，可以使用`grid-gap`属性来设置两个按钮之间的间隔。`grid-gap`属性接受两个参数，分别用于设置行间距和列间距。

例如，以下代码将在网格布局中创建两个按钮，并在它们之间设置了10像素的间隔：

.container {
  display: grid;
  grid-template-columns: repeat(2, 1fr); /* 两列等分 */
  grid-gap: 10px; /* 设置行间距和列间距为10像素 */
}

.button {
  background-color: #ddd;
  padding: 10px;
}

<div class="container">
  <button class="button">按钮1</button>
  <button class="button">按钮2</button>
</div>

这样，两个按钮之间就会有一个10像素的间隔。你可以根据需要调整`grid-gap`属性的值来获得你想要的间隔大小。

相关问题

qml怎么将12个单独button用网格布局排位置

您可以使用QGridLayout来将12个单独button使用网格布局排位置，以下是示例代码：

from PyQt5.QtWidgets import QApplication, QWidget, QPushButton, QGridLayout

class Example(QWidget):
    def __init__(self):
        super().__init__()
        self.initUI()

    def initUI(self):
        self.setWindowTitle('Button Grid Layout')
        grid = QGridLayout()

        # create 12 buttons
        for i in range(12):
            button = QPushButton(f'Button {i+1}')
            grid.addWidget(button, i // 4, i % 4)

        self.setLayout(grid)
        self.show()

app = QApplication([])
ex = Example()
app.exec_()

这里创建了一个12个button的网格布局，每行4个。 QGridLayout.addWidget()方法用于将button添加到网格布局中。 i // 4 和 i % 4 用于计算行和列的位置。

有两个button

如果您想在小程序中使用两个button来判断用户的性别，您可以这样实现：

1. 在wxml文件中创建两个button，如下所示：

<button bindtap="onMaleButtonClick">男</button>
<button bindtap="onFemaleButtonClick">女</button>

2. 在js文件中编写onMaleButtonClick和onFemaleButtonClick方法，如下所示：

onMaleButtonClick: function () {
  // 用户选择了男性
},
onFemaleButtonClick: function () {
  // 用户选择了女性
}

3. 当用户点击“男”按钮时，会触发onMaleButtonClick方法；当用户点击“女”按钮时，会触发onFemaleButtonClick方法。

希望这个回答对您有所帮助。