reactjs 如何缩小React计时时间线框

irtuqstp 于 2022-11-22 发布在 React

关注(0)|答案(2)|浏览(136)

我正在使用react-chrono在我的应用程序中实现一个时间线，但是无论我如何努力，我都无法设置框的宽度。
我也想把卡片做得更小一些。下面是我目前的代码：

<div className="flex flex-col m-5">
      <div className="hidden sm:block">
        <CardSection />
        <div className="h-80 bg-slate-200">
          <Chrono mode="VERTICAL" items={items}></Chrono>
        </div>
      </div>
    </div>

非常感谢！

reactjs

来源：https://stackoverflow.com/questions/73037139/how-to-make-react-chrono-timeline-box-smaller

2条答案

按热度按时间

y0u0uwnf1#

如果你想让整个时间线更窄，你应该能够在你的<div> Package 器上设置一个宽度：

<div className="w-40 h-80 bg-slate-200">

如果你还想让卡片变窄，看起来react-chrono提供了一个cardWidth属性，这是未经测试的：

<Chrono mode="VERTICAL" cardWidth={120} items={items}></Chrono>

请访问https://www.npmjs.com/package/react-chrono#props了解所有可用的道具。

赞(0）回复(0）举报 2022-11-22

vmdwslir2#

在React时间文件中说：“请确保将组件 Package 在具有宽度和高度的容器中。”
这样试试看：（宽度你自己的宽度和高度）

<div style={{ width: "500px", height: "400px" }}>
 <Chrono items={items} />
</div>

希望能有所帮助

赞(0）回复(0）举报 2022-11-22

我来回答

reactjs 如何缩小React计时时间线框

2条答案

相关问题

热门标签

最新问答