gpt4 book ai didi

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

转载 作者:可可西里 更新时间:2023-11-01 13:12:25 58 4
gpt4 key购买 nike

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

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

最佳答案

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

首先,为了让按钮在 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;
}

`

关于html - CSS:如何让一个按钮始终位于 Angular 落中另一个按钮的左侧?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/18603026/

58 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com