Html 通过引导将按钮置于警报内

在过去的几个小时里，我尝试了我脑海中出现的所有可能的方法，并被发现打开，以便在不改变垂直位置的情况下，将

类中的

按钮向右移动，使其与文本对齐，但不幸的是，我什么也没有想到

下面是“摆弄”纯html部分：

我想把按钮放在右边。是的，我知道

向右拉

，但这会使它脱离常规流程，文本不再对齐。定位也是如此，因为页面不再响应

有人能帮忙吗？

这样就行了

如果文本没有与按钮垂直对齐，则可以删除

span

的

行高属性

.alert.btn危险{
浮动：对；
}
.警报范围{
线高：34px；
}
.alert>div:after{
明确：两者皆有；
内容：''；
显示：表格；
}


选项2：无跨度标签的固定线高

在这种情况下，您将为父级提供一个
行高
，而不是文本。因此，如果有断行，则较大的
行高对文本没有影响

。警报span{
垂直对齐：中间对齐；
线高：正常；
}
.alert>div{
线高：34px；
}
您可以使用引导程序3的类

例如：

<div class="alert alert-danger">
     Lorem ipsum...
     <button class="btn btn-xs btn-success pull-right">
              Click                     
     </button>
</div>


乱数假文。。。
点击

结果如下所示：
太棒了！这么简单，但我还远远没有想到这一点！谢谢：）还有一件事：有没有可能在没有固定行高的情况下保持文本对齐？您可以尝试选项2。您仍然有固定的行高，但它对文本没有影响。是否需要使用
display:table
？如果删除该选项，则可以添加
垂直对齐：中间
或
位置：相对；最高：50%；转化：translateY（-50%）位于要垂直居中的对象上。也可以是
显示：block
，但必须是
block
或
table
@ambe5960是，但您不能以这种方式使用自定义css