如何防止按钮缩小比使用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的非包装文本小？

回答

相关问题