设置按钮样式 和 居中

要设置按钮样式，可以使用 CSS 来实现。例如，设置按钮的背景颜色为蓝色，文字颜色为白色，边框为圆角：

button {
  background-color: blue;
  color: white;
  border-radius: 5px;
}

要将按钮居中，可以使用 CSS 的 flexbox 布局。将按钮所在的容器设置为 flex 布局，并设置 `justify-content` 和 `align-items` 属性为 `center`：

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

.container {
  display: flex;
  justify-content: center;
  align-items: center;
}

这样就可以将按钮水平和垂直居中了。

相关问题

鸿蒙设置按钮居中样式

鸿蒙系统(HarmonyOS)中的设置按钮居中通常会遵循系统的UI规范，即保证一致性的同时也注重用户体验。在设置页面中，按钮一般会采用扁平化的设计风格，通过CSS样式或者预设的主题样式来实现水平和垂直方向的居中。例如，在XML布局文件中，可以使用如下代码：

<com Huawei.HMS.UI.widget.Button style="@style/HMSButtonStyle.Centered">
    <text>设置</text>
</com Huawei.HMS.UI.widget.Button>

其中，`@style/HMSButtonStyle.Centered`是一个预定义的样式，它可能包含了`android:layout_gravity="center"`这样的属性来实现居中。

如果你想自定义样式，可以在`res/values/styles.xml`中创建类似这样的样式：

<style name="HMSButtonStyle.Centered" parent="Widget.MaterialComponents.Button.TextButton">
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:gravity="center"
</style>

QMessageBox 设置按钮居中

QMessageBox是Qt中常用的对话框类，它可以方便地创建一些标准的消息框、询问框和警告框等。如果您想要将按钮居中，可以通过设置QMessageBox的属性来实现。具体步骤如下：

1. 创建QMessageBox对象。
2. 调用QMessageBox的setWindowFlags()方法，设置窗口标志为Qt::WindowStaysOnTopHint，表示消息框一直显示在最前面。
3. 获取消息框的按钮组，调用QMessageBox的buttons()方法即可。
4. 遍历按钮组，调用QPushButton的setStyleSheet()方法，设置按钮的样式为text-align:center，表示将按钮的文本居中显示。

以下是示例代码：

QMessageBox msgBox;
msgBox.setText("Hello, World!");
msgBox.setWindowFlags(Qt::WindowStaysOnTopHint);

QList<QAbstractButton *> buttons = msgBox.buttons();
for (int i = 0; i < buttons.size(); ++i) {
    QPushButton *button = qobject_cast<QPushButton *>(buttons[i]);
    if (button) {
        button->setStyleSheet("text-align:center");
    }
}

msgBox.exec();