Использовать Datepicker Select одновременно
Выровнены два компонента
Два элемента управления не выровнены, вам нужно добавить стиль verticalAlign: 'middle'
в DatePicker, чтобы исправить
Select
имеет vertical-align: middle
, DatePicker должен был забыть добавить.
Позвольте мне изменить это, Select не должен быть vertical-align: middle
.
vertical-align: middle
и оставьте значение по умолчанию vertical-align: baseline
соответствии с Input, DatePicker и т. Д.vertical-align: baseline
выравнивается в соответствии с естественным набором текста внутри Select. Поскольку заполнитель и поле поиска внутри Select абсолютно позиционированы (не выровнены), здесь используется небольшой трюк, добавляя текст, который всегда существует внутри Select To выровнять.
.ant-select-selection--single .ant-select-selection__rendered::after {
content: '.';
visibility: hidden;
pointer-events: none;
}
.ant-select-selection__rendered
из overflow: hidden
повлияет на выравнивание текста, удалите его.Здесь задействовано множество стилевых деталей ...
Кроме того, исправлен стиль множественного выбора small/large
.
Эта цепочка была автоматически заблокирована, потому что в ней не было активности в последнее время. Пожалуйста, откройте новую проблему для связанных ошибок и дайте ссылку на соответствующие комментарии в этой ветке.
Самый полезный комментарий
vertical-align: middle
и оставьте значение по умолчаниюvertical-align: baseline
соответствии с Input, DatePicker и т. Д.vertical-align: baseline
выравнивается в соответствии с естественным набором текста внутри Select. Поскольку заполнитель и поле поиска внутри Select абсолютно позиционированы (не выровнены), здесь используется небольшой трюк, добавляя текст, который всегда существует внутри Select To выровнять..ant-select-selection__rendered
изoverflow: hidden
повлияет на выравнивание текста, удалите его.Здесь задействовано множество стилевых деталей ...