位置按钮里面的引导警报

Question

最近几个小时我已经尝试了所有可能的方式，我想到了，并发现在SO上移动<div>里面的一个按钮与alert类在右边而没有改变它的垂直位置，所以它与文字保持一致，但不幸的是我没有提出任何内容。

这里是拨弄裸HTML的一部分： https://jsfiddle.net/me420sky/

我想是把右侧按钮。是的，我知道pull-right，但它将它从正常流程中取出，文本不再对齐。与定位一样，页面不再响应。

请帮忙

Answer 1

这会奏效。

如果文本不与按钮垂直对齐，则可以删除span的line-height属性。

.alert .btn-danger { 
    float: right; 
} 

.alert span { 
    line-height: 34px; 
} 

.alert > div:after { 
    clear: both; 
    content: ''; 
    display: table; 
} 

Working Example

选项2：没有span标记

的固定行高在这种情况下，你是给家长的文字代替一个line-height。所以如果你有突破线，大line-height对文字没有影响。

.alert span { 
    vertical-align: middle; 
    line-height:normal; 
} 

.alert > div { 
    line-height: 34px; 
}