ElementUIは非常に強力なコンポーネントですが、ニーズや美学を満たさない機能もある可能性があります。たとえば、今日、複数選択ボックスの選択を使用して複数の選択を選択すると、ドロップダウンで問題が発生しました。ボックスが開かれました。これは見苦しいだけでなく、その隣のコンポーネントがレイアウトの影響を受ける可能性があります。！！
次の写真は公式の例です。
追伸：2番目の画像は同じ行に表示されていますが、データは直感的ではありません。
解決策
は簡単です。非表示にするだけでなく、設定はどこにありますか？生成されたDOMを調べたところ、次のようなコードのセットが見つかりました。
Elementは、選択したコンテンツをこのDOMグループに動的に追加するため、次のように設定されます。原則は非常に単純です。親を非表示を超えて設定します（スコープが設定されている現在のコンポーネントに入れないように注意してください）。 、それは有効になりません。浸透したスタイルでない限り）。
// 在你的重置样式表内加入这段代码即可
.el-select__tags {
white-space: nowrap;
overflow: hidden;
}
エフェクト画像
追伸：でもまだ少し不完全です。超えたい部分はマウスでスクロールできます（ホイールまたはマウスクリックでスクロールできます）。誰かがポインタを教えてくれるといいのですが〜