Ant-design: Datepicker Select를 동시에 사용할 때 정렬이 없습니다.

Select 에 vertical-align: middle 이 있습니다. DatePicker는 추가하는 것을 잊었어야합니다.

변경하겠습니다. 선택은 vertical-align: middle 이 (가) 안됩니다.

1. vertical-align: middle 제거를 선택하고 기본 vertical-align: baseline 를 Input, DatePicker 등과 일치하도록 유지합니다.

2. vertical-align: baseline 은 Select 내부의 자연 조판 텍스트에 따라 정렬됩니다. Select 내부의 자리 표시 자와 검색 상자는 절대 위치 (정렬되지 않음)이므로 Select To 내부에 항상 존재하는 텍스트를 추가하여 여기서 약간의 트릭을 사용합니다. 정렬.

   .ant-select-selection--single .ant-select-selection__rendered::after {
    content: '.';
    visibility: hidden;
    pointer-events: none;
   }
   

3. .ant-select-selection__rendered 의 overflow: hidden 는 텍스트 정렬에 영향을 미치므로 제거합니다.
4. 제거 후 원본 텍스트 오버플로 줄임표 효과는 파괴되고 하나씩 수정됩니다.
5. 손상된 콤보 박스를 추가로 수리하십시오.

많은 스타일 세부 사항이 관련되어 있습니다 ...

또한 small/large 스타일의 다중 선택 선택이 고정되어 있습니다.

이 스레드는 최근 활동이 없기 때문에 자동으로 잠겼습니다. 관련 버그에 대한 새 문제를 열고이 스레드의 관련 댓글에 대한 링크를 엽니 다.