输入按钮无响应（溢出容器）

Question

之前，我使用了自制的提交电话，因此我可以使用没有ServiceBase和<form>按钮的表单。例如，一个按钮可能如下所示：

<input>

现在，我已经切换到另一个前端库，所以我必须这样做：

<div class="ui big green button">This is a long button that should not go off screen</div>

然而，这需要注意我的<input type="submit" class="ui big green button" value="This is a long button that should not go off screen" /> 按钮不响应窗口大小，即窗口较小时它不会变厚，而是从屏幕上消失

我认为这是因为某些奇怪的样式会自动添加到我无法触及或更改的input中：

input

还有更多的方法，我不知道究竟是什么让我的按钮按这种方式表现，所以我不知道要覆盖什么（如果可以的话）。

这是我的代码，因此您可以看到这一点：

＆＃13;

＆＃13;

user agent stylesheet
input[type="button" i], input[type="submit" i], input[type="reset" i], input[type="file" i]::-webkit-file-upload-button, button {
    align-items: flex-start;
    text-align: center;
    cursor: default;
    color: buttontext;
    border-image-source: initial;
    border-image-slice: initial;
    border-image-width: initial;
    border-image-outset: initial;
    border-image-repeat: initial;
    background-color: buttonface;
    box-sizing: border-box;
    padding: 2px 6px 3px;
    border-width: 2px;
    border-style: outset;
    border-color: buttonface;
}

＆＃13;

＆＃13;

＆＃13;

https://jsfiddle.net/vLaf94t1/

我可以做些什么来解决这个问题？

Answer 1

将此添加到您的按钮元素：

white-space: normal;

Revised Fiddle

深埋在用户代理样式表中的是：

white-space: pre;

  

16.6 White space: the white-space property

     

此属性声明如何处理元素内的空白区域。   值具有以下含义：

     

normal

     

此值指示用户代理折叠空白序列，   并根据需要打破线条以填充线框。

     

pre

     

此值可防止用户代理折叠白色序列   空间。线条仅在保留的换行符处断开。

Answer 2

只需添加到您的样式表：

def times(src,dst):
    s = open(src,'r')
    d = open(dst,'w')
    lines = s.readlines()
    s.close()
    lines.sort()
    for i in lines:
        print((str(i).strip()), file = d)
    d.close()

它为你照顾