html - CSS:如何让一个按钮始终位于 Angular 落中另一个按钮的左侧？

Question

---------------------------------------------
|   text                                    |
|   text                                    |
|   text                                    |
|   text                                    |
|   text                                    |
|   text                   -------  ------- |
|   textttttttttttttt     |Button1||Button2||
|                          -------  ------- |
---------------------------------------------

所以我希望 Button1 始终位于 Button2 的左侧，而 Button2 始终位于 div 的右下角。我怎样才能做到这一点？顺便说一句，目前，我的代码有“texttttttttttttt”行的两个按钮部分。我没有为文本和按钮制作单独的 div/spans。

Answer 1

我认为这两种方法都需要在这里做一点。

首先，为了让按钮在 Angular 落布局并带有文本环绕，您必须将它们包裹在一个 div 中

<div class="buttons">
    <button class="button-left">Text</button>
    <button class="button-left">Text</button>
</div>

和你的CSS

.buttons {
    position:absolute; 
    right:5px; 
    bottom:5px;
    width: 100px;
}

.button-left {
    float:left;
    width:45px;
    margin: 0 2px
}

.button-right {
    float:right;
    width:45px;
    margin:0 2px;
}

`