gpt4 book ai didi

HTML/CSS- 按钮对齐

转载 作者:行者123 更新时间:2023-11-28 16:21:41 27 4
gpt4 key购买 nike

我是 HTML/CSS 的新手,所以我仍在研究标签及其用途...这就是我的页面在 atm 上的样子。

enter image description here

这就是目标 - 抱歉画得不好..

enter image description here

我想增加按钮“+”和“-”的大小,并使它们更靠近下拉菜单,并位于下拉菜单的右侧...目前,我只能将其放在这么近的位置。

<button type="button" class="button6" id="add_service">+</button>
<button type="button" class="button6" id="delete_row">-</button>

这是我的 HTML 代码。我在 CSS 中有一个要链接的标题,我一直在尝试它,但我无法正确对齐...如何让它看起来与我的绘画相似?

CSS:

.button6 {

text-align: right;
content: "\00a0 \00a0 ";


}

最佳答案

这是我的解决方案它并不完美,但它会给你一个起点

.parent {
width: 150px;
}

select {
width: 100%;
margin-bottom:5px;
}

.btns {
text-align: right;
}
<div class="parent">
<select>

</select>
<div class="btns">
<button type="button" class="button6" id="add_service">+</button>
<button type="button" class="button6" id="delete_row">-</button>
</div>
</div>

关于HTML/CSS- 按钮对齐,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/50673489/

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