位置按鈕裏面的引導警報

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; 
}