Javascript 在React中对齐GitHub和Twitter按钮

我一直在为这两个按钮绞尽脑汁。就我的一生而言，我似乎无法正确地排列它们

你可以在这里看到它们

我通常通过使用flexbox和对齐中心来实现这一点。twitter按钮似乎有点奇怪。我试图删除twitter按钮所在的iframe底部的边距

<div className={homeStyles.followBtns}>
                    <GitHubButton
                        href="https://github.com/mrpbennett"
                        data-color-scheme="no-preference: light; light: light; dark: dark;"
                        data-size="large"
                        aria-label="Follow @mrpbennett on GitHub"
                    >
                        Follow
                    </GitHubButton>

                    <TwitterFollowButton
                        screenName={'mrpbennett'}
                        options={{
                            size: 'large',
                            showScreenName: 'false',
                            showCount: 'false',
                        }}
                    />
                </div>

我就是这样尝试的。但是Twitter按钮似乎不想对齐……有什么想法吗？

您可以尝试以下方法：

follow-btns : {
       display : 'flex';
       margin-bottom: 1rem;
       align-items: 'baseline';
    }

---

其他一切都和你写的一样。

没有起作用，我担心这就像twitter按钮有一个神秘的边缘，只需添加

align items:“基线”