如何防止按钮缩小比使用css的非包装文本小？

  • Z时代
  • 2024-01-10
  • 分类：问答

基本上我有一个单词“删除”里面的按钮。如何防止按钮缩小比使用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”可见。

我该如何防止按钮能够切断字体文本？我希望按钮在文本开始切断之前停止缩小。

回答：

是的，使用min-width = xxx，你也应该考虑min-height = xxx，这样delete就可以读取了。将其设置为文本的任何像素大小。

另一种选择是创建删除按钮图像并指定其最小值。但是，这是更复杂的解决方案。

以上是 如何防止按钮缩小比使用css的非包装文本小？ 的全部内容， 来源链接： utcz.com/qa/264691.html

回到顶部