css - 在 CSS 中将链接和按钮对齐在同一行

Question

我有一个链接和一个按钮，每个都在自己的 div 中，然后包装在一个共享的 div 中。链接以页面为中心，按钮与页面右侧对齐。我想保留这个，但将这两个项目放在同一行。我怎样才能做到这一点？按钮布局

score 0 · Accepted Answer

在您的 div 上使用浮点数，如下所示：

<div class="wrapper">
    <div class="center">
        center
    </div>
    <div class="right">
       right
    </div>
</div>

对于CSS：

.wrapper {
     width: 100%;
}

.center {
    float: left;
    margin-left: 50%;
}

.right {
    float: right;
}

1 回答 1