frontend 相关问题

我正在开发一个 Vue 项目，我有这个 HTML：我正在开发一个 Vue 项目，我有这个 HTML： <div class="flex flex-col md:flex-row"> <div class="m-6 ml-10 mr-5 mt-10"> <div class="text-left"> <input type="text" class="mb-6 h-10 w-full rounded-lg border-2 border-gray-300 p-2" placeholder="Search for workouts, profiles, etc." /> </div> <div class=" "> <div class="mb-3 text-left"> <p>Explore workouts</p> </div> <div class="flex h-28 flex-row gap-3 overflow-x-auto whitespace-nowrap"> <div class="box inline-flex min-w-52 bg-black"></div> <div class="box inline-block min-w-52 bg-black"></div> <div class="box min-w-52 bg-black"></div> <div class="box min-w-52 bg-black"></div> <div class="box min-w-52 bg-black"></div> <div class="box min-w-52 bg-black"></div> <div class="box mb-5 min-w-52 bg-black"></div> </div> </div> </div> </div> 我为此使用顺风。问题是我的 overflow-x-auto 在大屏幕尺寸上不起作用，但当我最小化屏幕时它可以工作。在大屏幕上，它滚动到一个空白区域。将在下面添加一张照片，说明它在大屏幕和小屏幕上的样子。我尝试使用相对定位，但没有成功。大屏幕上：小屏幕上：更换你的div： <div class="flex flex-col md:flex-row"> 这样： <div class="flex flex-col"> 现在似乎正在按预期工作。 https://play.tailwindcss.com

html css frontend tailwind-css overflow

回答 1 投票 0

使用带有空依赖数组和条件的`useEffect`有什么区别？

根据 React 文档中概述的文章：你可能不需要效果，他们解释说只应执行一次的逻辑应包装在 init 子句中。 IE。 // 将运行 init ...

javascript reactjs typescript react-hooks frontend

回答 1 投票 0

使用横幅轮播时出现空格错误

我在容器内使用了横幅旋转木马，但左右有我不想要的间隙容器（ height：获取.height * 0.32，装饰：const BoxDecorat...

android flutter exception mobile frontend

回答 1 投票 0

Vite + React 应用意外错误！ 404 未找到

我正在制作一个任务管理器反应应用程序，该应用程序在开发方面运行良好，但是当我构建生产应用程序并运行该应用程序时，它显示“意外

javascript reactjs frontend vite

回答 1 投票 0

MUI - 如何将选择选项放置在选择组件上方

我正在尝试将 MUI(v5) 选择组件的选项（选项数量是动态的）放置在其上方。我最初的代码是这样的： ... 我正在尝试将 MUI(v5) 选择组件的选项（选项数量是动态的）放置在其上方。我最初的代码是这样的： <Select ... > <MenuItem ... >Menu 1</MenuItem> <MenuItem ... >Menu 2</MenuItem> <MenuItem ... >Menu 3</MenuItem> </Select> 其渲染效果与此类似：我正在考虑更改 MenuProps 的anchorOrigin，以便选项将位于选择组件上方： <Select ... MenuProps={{ anchorOrigin: { vertical: 'top', horizontal: 'center', }} > <MenuItem ... >Menu 1</MenuItem> <MenuItem ... >Menu 2</MenuItem> <MenuItem ... >Menu 3</MenuItem> </Select> 其渲染效果与此类似：这不是我想要的。这与我希望的样子类似：我以为我可以使用 MenuProps -> PaperProps -> style -> transform 属性将其放置在上面，但由于选项是动态的，我真的不能这样做。如果您可以向我提供任何建议或阅读材料，我将不胜感激。谢谢！您需要为此调整transformOrigin。我这样做了，它对我有用： <Select ... MenuProps={{ anchorOrigin: { vertical: 'top', horizontal: 'center' }, transformOrigin: { vertical: 'bottom', horizontal: 'center' } }} > <MenuItem ...> Menu item 1 </MenuItem> <MenuItem ...> Menu item 2 </MenuItem> </Select>

reactjs user-interface material-ui frontend

回答 0 投票 0

Angular / Ionic 搜索栏 - 需要增加文本空间

我目前正在努力增强 Ionic 应用程序中的搜索功能，并且在搜索栏输入字段中的字符可见性方面遇到了挑战。德...

angular ionic-framework frontend

回答 1 投票 0

在 Udemy 的练习中需要帮助了解如何在 React 中传递 props

好的，这是我的 app.jsx：从“反应”导入{useState}；导入“./index.css”；导入“./App.css”；从“./Card.jsx”导入卡；从“...”导入“关于”

javascript reactjs frontend

回答 1 投票 0

在reactjs中解析Pdf中的文本

我正在使用 pdf.js 库从 PDF 文件中提取文本，但提取的文本格式不正确，有些行在末尾结束。 PDF 文件通常包含一份简历，并且因为