Antd如何修復多選組件的大小？

我正在使用React的Ant設計組件。我想還是傳統的多選擇輸入字段的大小，以有選擇的值到同一行不以新行一樣是默認的行爲：Antd如何修復多選組件的大小？

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

我需要有值範圍在同一行。

我可以通過重寫風格

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

定勢輸入字段的大小，但是，當我選擇幾個值，那麼他們是inputr領域之外。

來源

2017-06-14 Vicking

當行已滿時，預期的行爲是什麼？ – Kossel

我想要的行爲是獲得一個看起來像輸入文本字段的div，其中有一個滾動，當文本內部的文本比該行開始更長時，div不會更改大小。我通過添加這個css樣式找到了解決方案：.ant-select-selection - multiple {0127}空白：nowrap; height：30px; 溢出：汽車 } – Vicking

最後，我找到了一個解決方案加入這個CSS樣式選項：

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

因此股利正在尋找像一個輸入文本字段，當內容地滾動顯示在DIV場右側。

來源

2017-06-15 07:31:33 Vicking

Antd如何修復多選組件的大小？

回答

相關問題