Bootstrap 如何使按钮与父容器完全等高并右对齐?

ppcbkaq5  于 2022-12-08  发布在  Bootstrap
关注(0)|答案(4)|浏览(161)

我正在使用Bootstrap,我想在一个看起来像<input-group-addon>的栏的右边添加一个按钮。具体来说,是全高的,位于最右边。
我试过height: 100%,但按钮样式太高了。
这是我代码一部分:https://plnkr.co/edit/lK8vt0wT1xDesuOZW8vU?p=preview
这就是我要找的

cu6pst1q

cu6pst1q1#

尝试绝对定位按钮:
第一个

jvlzgdj9

jvlzgdj92#

父级需要position:relative。然后您可以使用height:100%将按钮绝对定位在角落
第一个

xwmevbvl

xwmevbvl3#

使用位置属性

第一个

cgyqldqp

cgyqldqp4#

通过在父面板上使用display flex,您可以将面板标题和按钮设置为彼此相邻,这样它们自然会具有相同的高度。然后只需要调整面板标题的宽度。
第一个

相关问题