如何防止按鈕縮小比使用css的非包裝文本小？

基本上我有一個單詞「刪除」裏面的按鈕。如何防止按鈕縮小比使用css的非包裝文本小？

它目前使用此CSS：

.btn-delete { 
    font-size: 32px; 
    background-image: none; 
    border: 1px solid transparent; 
    border-radius: 15px; 
    border-top: 0px; 
    color: #fff; 
    background: linear-gradient(to bottom, #ff0000, #d40000); 
    vertical-align: middle; 
    text-align: center; 
}

它還使用COL-XS-2和col-XS-偏移-3。

當我使窗口水平變小時，按鈕的背景將縮小並慢慢切除「刪除」文本，直到只有部分「D」可見。

我該如何防止按鈕能夠切斷字體文本？我希望按鈕在文本開始切斷之前停止縮小。

來源

2017-12-27 Terry

您是否嘗試添加最小寬度參數？如果您的CSS導入順序正確，這應該覆蓋col-xs-2設置 –

是的，使用min-width = xxx，你也應該考慮min-height = xxx，這樣delete就可以讀取了。將其設置爲文本的任何像素大小。

另一種選擇是創建刪除按鈕圖像並指定其最小值。但是，這是更復雜的解決方案。

來源

2017-12-27 12:20:12

如何防止按鈕縮小比使用css的非包裝文本小？

回答

相關問題