gpt4 book ai didi

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

转载 作者:行者123 更新时间:2023-11-28 03:24:35 26 4
gpt4 key购买 nike

我正在使用react-day-picker组件,我已经能够显示2个月了,但它们在屏幕上显示的时间是一个月在另一个之上。如何将其更改为水平对齐?我尝试更改 CSS 并使用内联,但它不起作用。

Here is how it looks now

     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} />;
}

最佳答案

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

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

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

关于javascript - 如何使 React-Day-Picker 月份水平并排而不是垂直对齐,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/58758951/

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com