Question

我的页面上有几个动画按钮。我离开了这个项目（以及一般的代码）一段时间。有12px的填充导致汉堡包向右移动，从而造成外观完全无法对齐。我毫不怀疑这是代码中最远的地方，但是我现在只是在寻找任何方向，因为我尝试的任何方法似乎都不起作用。如果我遗漏了有助于弄清楚问题出在哪里的代码部分，只需说出这个词，然后我指出需要什么。

我会发布一个问题的摘要，但是我的声誉不高...也就是说，开发人员的工具告诉我，引导程序的填充量约为12px。更具体地说，它说：

padding: .25rem .75rem

如果我指定它会覆盖引导程序，可能会发誓...

我很抱歉，如果这是一个完全的问题，或者以完全的否定的方式被问到，我以前从未在stackoverflow上发布过。我试图寻找答案，但找不到任何有帮助的东西。

该按钮位于柔性柱内的液体容器中，但是我不确定这有什么问题，因为看起来好像是填充的12px。

我尝试过位置，各种版本的对齐方式，调整填充/边距/边框以及所有上述各项，包括对周围所有项目的更改：更改任何内容只会使情况变得更糟。以下是我的CSS：

.nav-btn {
    width: 50px;
    height: 32px;
    position: relative;
    margin: auto;
    padding: auto;
}

.nav-btn span {
    display: block;
    position: absolute;
    margin: auto;
    padding: auto;
    height: 4px;
    width: 80%;
}

这里是一些html，我试图尽可能地修剪...

<main class="container-fluid">
    <div class="row">
        <aside class="col-md-3">
            <div class="flex-column">
                <button class="navbar-toggler flex-column nav-btn">
                <span></span>
                <span></span>
                <span></span>
                </button>

我需要使汉堡包与页面的其余部分垂直对齐（并通过“页面的其余部分”来表示，将“剩余的class = col-md-3的其余部分堆叠到class = col- md-9缩小到任何给定屏幕宽度的768px以下”，但是TL / DR正确吗？）。任何帮助将不胜感激。我敢肯定，总有一种更好的方法可以做某事，所以一定要这样做。总是有一种“更好”的方式来做eavneyrything。

无法居中按钮：我想念什么？

0 个答案: