Html CSS：获取按钮和对齐的

我有点困惑：

在图片中，表示“导航einblenden”的元素是

span按钮

，而带有“Suche”的元素是

span a

。我将它们的样式完全相同：

作为css的一部分，dispOpts是父范围的类名。最重要的是：没有一个是用于测试的

.dispOpts {
    all:none;
}
.dispOpts button {
    all:none;
    background: var(--main-color);
    color: white;
    border: 1px solid white;
    padding: 0.4em;
    transition-duration: 0.5s;
    margin-left: 0.4em;
    margin-bottom:2em;
}
.dispOpts a {
    all:none;
    background: var(--main-color);
    color: white;
    border: 1px solid white;
    padding: 0.4em;
    transition-duration: 0.5s;
    margin-left: 0.4em;
}
.dispOpts::before,
.dispOpts::after {
    display: none;
}
.dispOpts a:hover,
.dispOpts button:hover{
    background: var(--accent-color);
    color: white;
}

我找不到任何区别。。。 它是我们工作中项目的工作台：

---

两个链接没有相同的样式：

---

正如您在代码中看到的，您没有将它们设置为相同的样式

.dispOpts a

缺少

页边距底部：2em

和on按钮的工作原理相同，您还必须在

上添加
显示：内联块
。显示一个

，同样，它们需要具有相同的

行高

和

字体大小

，因此结果如下：

.dispOpts button {
    all:none;
    background: var(--main-color);
    color: white;
    border: 1px solid white;
    padding: 0.4em;
    transition-duration: 0.5s;
    margin-left: 0.4em;
    margin-bottom:2em;
    line-height: 1.4;
    font-size: 14px;
}
.dispOpts a {
    all:none;
    background: var(--main-color);
    color: white;
    border: 1px solid white;
    padding: 0.4em;
    transition-duration: 0.5s;
    margin-left: 0.4em;
    margin-bottom: 2em;
    display: inline-block;
    line-height: 1.4;
    font-size: 14px;
}

所有这些都将以相同的高度正确排列

您还可以将其与

all:initial一起使用和最终结果将是：

.dispOpts button {
    all:initial;
    background: var(--main-color);
    color: white;
    border: 1px solid white;
    padding: 0.4em;
    transition-duration: 0.5s;
    margin-left: 0.4em;
    margin-bottom:2em;
}
.dispOpts a {
    all:initial;
    background: var(--main-color);
    color: white;
    border: 1px solid white;
    padding: 0.4em;
    transition-duration: 0.5s;
    margin-left: 0.4em;
    margin-bottom: 2em;
    display: inline-block;
}

通过这种方式，您只需要
页边距底部
，并且
在
a
元素上显示
。
这很奇怪：-D after
all:none我确信它是一样的：-D应该检查。。。现在需要找到解决办法吗