如何使React Day Picker月份水平并排，而不是垂直对齐

Question

我使用的是react日期选择器组件，我已经能够显示2个月，但它们在屏幕上显示的时间是一个月比另一个月多。如何将其更改为水平对齐？我尝试过更改CSS并使用内联，但它不起作用。

以下是现在的样子

import React from 'react';
import DayPicker from 'react-day-picker';
import 'react-day-picker/lib/style.css';
export default function Example() {
return <DayPicker numberOfMonths={2} />;
}

Answer 1

您可以尝试将其添加到您的样式中：

.DayPicker-Months {
flex-direction: row;
flex-wrap: nowrap;
}

您可以在此处看到实际示例：https://codesandbox.io/s/react-day-picker-base-yledo