Antdマルチ選択コンポーネントのサイズを固定する方法は？

Question

私はReactにAntデザインコンポーネントを使用しています。私が持っている必要があり

https://ant.design/components/select/#components-select-demo-multiple

：私はのような新しい行を取ることなく、同じラインに選択された値を有するために、複数の選択入力フィールドのサイズをFIXEしたい がデフォルトの動作です値は同じ行に含まれていました。

は私がスタイル

.ant-select-selection--multiple:before, .ant-select-selection--multiple:after { 
display: inline !important; } 

をオーバーライドすることにより、入力フィールドのサイズをFIXEすることができます。しかし、私はいくつかの値を選択すると、それらはINPUTRフィールドの外にあります。

Answer 1

最後に、私はこのCSSスタイルのオプションを追加することで解決策を見つけた：

.ant-select-selection--multiple 
{ 
    white-space: nowrap; 
    height: 30px; 
    overflow: auto 
} 

このようにdivが入力されたテキストフィールドのように見ていると、コンテンツがスクロールを接地したときには、divのフィールドの右側に表示されます。