如何使反应日-选择月肩并肩而不是垂直对齐

Question

我使用的反应日选择器组件，我已经能够使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