如何使 React-Day-Picker 月份水平並排而不是垂直對齊

Question

我正在使用 react-day-picker 組件，我已經能夠顯示 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

您可以嘗試將其添加到您的 styles：

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

您可以在此處查看實際示例： https://codesandbox.io/s/react-day-picker-base-yledo