html - 从 html 按钮溢出的文本似乎与应用的样式形成对比

Question

我只是想不通为什么这个按钮中的文本没有换行到下一行。相反，它在最后被切断了。这是样式:

#find-attach-all-content-container input[type="button"] {
    width: 60px;
    height: 60px;
    background-color: #fd902a;
    color: #fff;
    padding: 5px;
    position: absolute;
    left: -10px;
    top: -20px;
    font-size: 14px;
    line-height: 15px;
    overflow: visible;
    text-align: center;
    border: solid #b6b6b6 1px;
}

这是 html:

<input type="button" class="attach-btn" value="Attach to Response" onclick="postConditionFindCure( <?php echo get_the_ID() ?> );">

Answer 1

你应该添加:

white-space: normal;

white-space 的默认值设置为不换行输入元素。