css - 如何为特定的 react-google-login 组件设置样式

Question

因此，我正在尝试使用外部 CSS 为react-google-login包中的 GoogleButton 设置样式。更具体地说，我试图将其居中。但是，尽我所能，它不会居中。我努力了：

1. align-content
2. align-items
3. align-self
4. box-align

都无济于事。考虑到它的 className 为 ，我将如何设置组件的样式signInButton？

以下是我目前情况的描述：

标签： cssreactjsreact-component

Answer 1

尝试这个：

.signInButton {
  float:none;
  position:static;
  display:block;
  margin:auto;
  width:max-content;
}

如果它不起作用，那么您应该为该按钮提供使用的 CSS 属性列表。

注意这两个

  float:none;
  position:static;

是可选的，我把它们放在那里是为了覆盖可能干扰对齐的潜在值。