요소 ui el 선택 옵션 워드랩

요소 ui el 선택 옵션 워드랩

요소 ui를 사용하고 있다.el-select태그. 그리고 내 옵션 내부 텍스트가 너무 커.포장하고 싶다.

여기 js fiddle이 있다.

그리고 여기에 현존하는 예가 있다.

그러나 나는 넘쳐나는 단어들을 생략하고 싶지 않다.넘쳐나는 말을 2행으로 포장하고 싶다.선택한 값만 선택하는 것은 아니다.오버플로가 발생하면 모든 옵션은 두 번째 줄로 줄 바꿈해야 한다.그리고 나는 그것을 순수한 css나 vue js 방법으로 하고 싶다.그 말을 포장할 방법이 없을까?

이를 위해 사용했던 CSS는 다음과 같은 CSS:

.el-select-dropdown__item {
  width: 350px;
  white-space: normal;
  overflow: unset;
  height: auto;
  line-height: normal;
  padding-top: 10;
  padding-bottom: 10;
}

참조URL: https://stackoverflow.com/questions/64429257/element-ui-el-select-options-word-wrap