使用 Tailwind CSS 确保 CSS 网格中卡片的宽度和高度固定

我正在使用TailwindCSS和React来构建一个应用程序，在其中一个视图中我有一个卡片网格。目前它看起来像这样：如您所见，当我缩小窗口时，卡片会挤入其中。我想确保卡片大小（宽度和高度）始终保持不变，并且如果随着窗口变小，卡片数量无法容纳在一行中，它只会移动到下一行。类似于（用MS油漆制成）：即使屏幕变小，卡片的尺寸也保持固定（相同的宽高比）。这是我的代码当前的样子：网格：<div&gt

P粉184747536 2024-03-26 21:34:28 0  1  501

javascript - vue2.0怎么在路由跳转的情况下，保存iframe的状态？

顶部的tab选项卡，我是通过路由跳转设置的，比如我在百度输入框输一些字，然后我点击右边选项卡，路由跳转，最后，我在点击嵌套iframe百度的选项卡时，状态不能保存。。有什么好的办法解决呢？

我想大声告诉你 2017-05-18 10:52:49 0  1  664

使用Vue和axios无需刷新页面更新数据

我有一个在Vue和Axios上制作的包含2个选项卡（问题和数据）的页面。在第一个选项卡中，我填写表单并提交-保存按钮v-on:click="save"。save:function(){axios({method:'patch',url:url,data:this.data}).then(function(response){this.data=response.data;}在第

P粉614840363 2023-08-25 19:15:28 0  1  561

linux - 关于ubuntu中gedit无权限保存的问题

我的是虚拟机下ubuntu的系统 获得root权限后用gedit创建文件 窗口会卡死无法输入代码 不获得root权限无法保存 不知道怎么办了

某草草 2017-05-24 11:32:01 0  3  1615

是否可以在响应模式下将列表更改为工具栏？

我有以下卡。nav有许多项目（为了简洁起见，我在这里保留了一项）。<divclass="col-md-3"><divclass="card"><divclass="card-header"><h3class="card-title">title</h3>&lt

P粉743288436 2024-04-02 16:09:27 0  1  417

javascript - A系统中打开B系统怎么保持登录状态？

内部部署了两个业务系统，例如a系统部署在10.10.10.10：8088/index.html,b系统在20.20.20.20：8088/index.html,用户在a上面登录了，a系统子页面有个链接可以在新选项卡中打开b系统，如何保证打开后也是登录状态，...

滿天的星座 2017-05-19 10:19:37 0  2  743

Android如何实现网络获取布局并加载？

由于公司原项目使用webview形式开发产品，跑CSS3动画很卡，想让我开发一版native app，但是又想保留web可灵活更新界面的优点，现在初步设想是每次启动app的时候从服务器获取xml布局到本地并加载。由于我没开发过A...

大家讲道理 2017-06-12 09:24:30 0  2  931

遇到Stripe问题的我的电子商务网站应用程序

我需要创建一个自定义组件，只是为了获取卡片信息并将其存储在Stripe上，以便以后可以对其进行收费。v3:1Uncaught(inpromise)IntegrationError:我们无法从指定的元素中检索数据。请确保您要使用的元素仍然已挂载。atni(v3:1:319630)ate._handleMessage(v3:1:324970)ate._handleMessage(v3:1:146061

P粉593649715 2023-09-05 09:15:39 0  1  532

如何使<p>文本向下移动，而不是超出div

你好，我有一个关于我的卡片滑块的问题，标签一直超出了边界，但我希望它向下滑动以适应长描述的整个文本，我该怎么做呢？如果你看到当我使用长文本时，文本最后会超出分隔符，但我希望它保持在内部我尝试使用word-wrap:break-word;，但对我没有起作用div.scroll-container{background-color:#7289da;white-space:nowrap;padding:

P粉461599845 2023-08-17 18:58:37 0  2  553

如何在浏览器失去焦点时，实时更新网页上的JavaScript计数器？

我正在使用HTML、CSS和JavaScript编写一个浏览器游戏，使用Perl编写。健康和耐力保存在服务器上，我使用JavaScript在当前页面加载时向用户显示这些统计数据的实时更新计数。这个功能运行良好，但是如果用户切换标签或切换到其他应用程序并将浏览器留在后台运行，当您返回时看到的计数值无法正确跟上。所以当您切换回浏览器时，您的计数器可能显示50/100的耐力，而实际上您的耐力是100/1

P粉825079798 2024-01-16 17:40:29 0  1  524

CSS行类使某些元素超出框架，而它们应该是静态的并固定在显示器底部

目前我的页面如下所示。添加行类以使两个元素彼此相邻后，底部导航栏被向下推到我必须滚动的位置。在这里，您可以看到另一个没有行元素的页面，其中导航链接完美地粘在显示屏的底部（植物和房间导航元素不应该位于提醒选项卡中（图1），因此请忽略此元素图片2)该页面是可滚动的，并且使我的导航栏保持在正确的位置，但元素的轮廓不正确。所有绿色框显示应位于另一个上方，以及编辑和删除按钮。我尝试使用用于图1的行类来修复此

P粉156415696 2024-04-03 18:48:12 0  1  492

解决问题2003（HY000）：无法连接到MySQL服务器' db_mysql：3306'（111）的方法

我最近尝试将我的FastAPIPython服务器容器化（也是为了复制/双倍化）。之前，我只有一个MySQL服务器在一个Docker容器中，并且一切都很好，但是当我将我的Web服务器也作为一个服务时，它无法连接到MySQL服务器，所以现在应用程序无法工作。下面是应用程序中服务器数据库初始化连接器的代码片段fromfastapiimportFastAPIimportmysql.connectorapp

P粉178132828 2023-09-05 11:18:47 0  1  896