reactjs 如何在下一个js中使用loading.tsx时进行定位,我需要将其放在屏幕的中心

8cdiaqws 于 5个月前发布在 React

关注(0)|答案(1)|浏览(39)

this is how I used to add suspense to my web
这是我的“加载.tsx”代码-

import React from 'react'

const loading = () => {
    return (
      <div>       
          <span className="loading loading-ring loading-lg"></span>
      </div>
  )
}

export default loading

字符串
我尝试在Tailwind CSS中应用定位，但我无法将其安排到屏幕的中心。

reactjs

来源：https://stackoverflow.com/questions/77748837/how-to-do-positioning-when-using-loading-tsx-in-next-js-i-need-to-get-it-to-the

1条答案

按热度按时间

rggaifut1#

如果您使用的是flex-box，并且确定 Package loading.tsx文件的外部容器的高度为100%，则可以使用以下命令：

function Loading(): JSX.Element {
  return (
    <div className="h-full w-full flex items-center justify-center">
      <span className="loading loading-ring loading-lg" />
    </div>
  );
}

字符串

赞(0）回复(0）举报 5个月前

我来回答

reactjs 如何在下一个js中使用loading.tsx时进行定位,我需要将其放在屏幕的中心

1条答案

相关问题

热门标签

最新问答