CSS用于在每行的每张小卡片下方显示全宽卡片

文章/答案/技术大牛

发布

1回答

html、css、css-position、cardview

我有一个场景，其中我设计了3列/多行的行卡。当用户单击任何卡片时，将在该行下面显示一个全宽卡片，其中包含更多详细信息。根据我的CSS，全宽卡片显示在行的正下方。但我对此有疑问。当我单击第一张小卡片时，全宽数据显示在该行的正

浏览 16提问于2020-06-02得票数 0

3回答

设置每行一张卡Bootstrap 4

html、css、bootstrap-4

我正在尝试让bootstrap在小屏幕上每行显示1张卡片，在中等屏幕上每行显示2张卡片，在大屏幕上每行显示3张卡片。我正在尝试使用<div class="col-sm-12 col-md-6 col-lg-4">，它适用于中尺寸和大尺寸屏幕，但对于小尺寸屏幕，它仍然显示2张<em

浏览 1提问于2019-03-01得票数 0

1回答

关于Mixpanel.track事件响应的查询

mixpanel

假设我有不同的卡片，或者页面中每张卡片上都有“喜欢”按钮的部分。单击此卡时，会触发一个带有一些自定义属性的Mixpanel“like”事件-按钮名称、卡/区段名称等。问题-现在如果我想要实时显示每张卡片上的“喜欢”计数，我们如何做到这一点？一个例子是--如果用户在卡片上点击like，卡片的like计数将会增加，而不会刷新页面。是否有可能获得“mixpan

浏览 0提问于2016-08-05得票数 0

1回答

在给定的高度和宽度只播放图像的中心？

html、css、image-processing

当媒体呈现一张显示博客帖子的卡片列表时，每一张卡片都会显示标题图像，并且是完全宽度的，但是它的中心已经被剪掉了。要做到这一点，请将每幅图像的顶部和底部剪掉，这样它们的大小都相同：是否可以对纯CSS进行同样的处理。它必须适用于不同大小的图像。例如，一幅图像的高度可以是500 at，另一幅是1000 at，宽度相同，我们只想在全宽

浏览 6提问于2020-03-26得票数 1

回答已采纳

2回答

如何创建响应式(可变列数)角度材料卡网格

angularjs、responsive-design、material-design、angularjs-material

我正在尝试创建一个角度材质卡片的网格，它的行为有点像Bootstrap网格。理想情况下，卡片对于较小的屏幕宽度应该是全宽的，并且在较大的断点处跳到两列。 <div ng-app layout="column" layout-g

浏览 23提问于2015-12-15得票数 18

回答已采纳

7回答

调整背景精灵图像的大小以适应div

javascript、html、css、background-image

我有一个扑克牌的精灵形象。在精灵牌中，每张牌宽50便士，高80便士。我改变x和y的位置，以便不同的div得到不同的卡片。现在，我将

浏览 6提问于2013-08-29得票数 14

回答已采纳

1回答

如何将div放在移动视图的4个部分中

html、css、twitter-bootstrap

我试图正确定位我的div视图从移动设备，目前我可以正确定位我的div在桌面视图中没有任何问题，我附上一个如何在桌面视图显示他们的例子。我用于构建div的代码如下：.CeroPadCeroMar { margin: 0px; .texto-encimaAnalisis/bootstrap.min.css" r

浏览 5提问于2022-06-14得票数 0

回答已采纳

6回答

引导4卡甲板表-单元列响应基于视口？

css、twitter-bootstrap、responsive-design、twitter-bootstrap-4、bootstrap-4

因此，在Bootstrap v4中，我看到了卡片甲板( )的一个新特性，它使一组卡片的高度与组中最高的内容相等。目前，它们保持相同数量的列/卡宽度，直到小于544 of。在544 At和更高的</e

浏览 14提问于2016-04-07得票数 15

1回答

如何制作高度相同的卡片？

vue.js、vuejs2、vue-component、vuetify.js、card

我的卡片高度没有像我想的那样一致地显示。我在考虑将最大高度设置为我的v卡文本。 

浏览 8提问于2022-06-17得票数 0

1回答

做一个记忆匹配游戏--你能用不同的方式显示一张图片吗？

javascript、jquery

然而，我现在需要在游戏的一部分工作，在那里你实际上必须翻转卡片。我首先要有两组图像：“卡片的背面”和“卡片的正面”。这些卡片的背面都是一样的，然后当你点击其中一个时，卡片的正面就会显露出来。正面都会是一对独特的图片。然而，我的代码是这样的，被点击的图片具有相同的来源将被删除。因此，一旦你点击图片的</e

浏览 0提问于2012-06-28得票数 0

回答已采纳

1回答

使flex项扩展到一行的整个宽度，但在另一行中保持相同的大小

css、flexbox

所以基本上，我这里有一个联系人页面，在卡片中显示每个联系人的信息。它基本上是一个带有flex项的flex容器。我希望卡片扩展到第一行的全宽(桌面上连续5张卡片)。我已经设法做到了这一点，但我想要的是所有的卡片都是相同的宽度。例如，如果用户有7个联系人，前5张卡片将很好地显示在第一行，但后两张卡片</em

浏览 0提问于2019-09-06得票数 2

1回答

如何使用css转换-原点来显示扑克牌(矩形)的圆圈？

html、css、transform、css-transforms

有人在他们的网站上要求这样做。基本上有12张牌，当你在一张卡上悬停时，另一张div会被显示，里面有一些内容。这12张卡片需要围成一圈。我已经成功地使用CSS旋转完成了部分工作--但我似乎无法将卡片排空。保证金似乎不起作用，我想这要归功于transform-origin？我已经向您展示了以下代码：我唯一能想出的办法就是把清单上的东西放大，然

浏览 7提问于2014-11-03得票数 1

回答已采纳

1回答

引导4卡甲板固定卡宽度(当每行少于指定的卡数量时)

javascript、html、css、twitter-bootstrap、bootstrap-4

我在我的网站上有一套x数量的卡片，到目前为止，我对他们的表现非常满意。它们永远不会超过给定分辨率的每一行n，它们保持相同的高度等等。然而，唯一的问题是，如果我有一行2，下面2，然后在第三行多出1，最后一张卡片将扩展到填充2张卡片的宽度，而不是保持正确的大小，并保持在左边。我使用与下面类似的系统来设置每行允许多少张卡，以获得设定的

浏览 0提问于2020-04-29得票数 0

回答已采纳

1回答

为flutter应用程序添加高级功能

flutter、dart

我目前正在开发一个颤动应用程序，它包含3个选项卡，1个用于仪表板，用于显示活动，用于设置，以及一个用于配置文件。在活动部分，我正在点击API并在卡片中显示其结果，例如，一旦单击活动按钮API就会返回大约10个数据的JSON，因此在活动选项卡中创建了10张卡片，每张卡片一旦点击，就会在内部调用另一个api并显示结果我正在尝试做的是

浏览 1提问于2019-09-19得票数 0

2回答

在ios、Safari和其他触摸设备上触发。怎么阻止它？

javascript、jquery、safari、responsive-design、touch

我的网站上有以下代码： $('BODY').on('mouseenter', '.card', function'.card', function (event) { }); 其想法是，在有鼠标的设备上，当鼠标悬停在每张卡片上时，每一张<

浏览 1提问于2014-06-13得票数 4

回答已采纳

1回答

在电话视图中提供不同宽度的Angular FlexLayout

css、angular、flexbox、angular-material、angular-flex-layout

我正在使用flex layout在桌面视图上设置材料卡片内联，在电话视图上设置垂直卡片。/assets/icons/puissance4.png"> <p> Javascript, HTML/CSS/assets/icons/post-it.png"> <m

浏览 1提问于2018-03-28得票数 0

1回答

api2.0p5对于cardbard.card没有BuildHeader或BuildContent

rally

全,有人可以确认这是不可用的，只是想确保我没有错过它的任何地方… 真的没有办法改变卡片的显示方式吗？为了清楚起见，在2.0p2中，您可以在卡片的Ext.define中执行buildContent函数或buildHeader函

浏览 0提问于2012-12-06得票数 3

回答已采纳

1回答

如何快速浏览一副纸牌？

iphone

我正在制作一个iPhone纸牌游戏，其中每次使用都有一副纸牌，我想让用户选择在纸牌之间拖动手指，当手指放在上面时，每张纸牌都会高亮显示。这个效果已经在iPhone的Uno中实现了。我的卡片被放到UIButton中，我试图做的是在正常状态下给按钮设置一个小图像，在高亮状态下设置一个大图像，它确实达到了我想要的效果，但是，用户必须单独突出显示每张卡片

浏览 0提问于2010-08-16得票数 1

回答已采纳

1回答

如何通过单击创建的卡片在卡片中生成输入字段？

javascript、html

我是Javascrip和css的新手。我想练习一下。所以我创造了一个按钮。当我点击它时，屏幕上出现了一张新的小卡片。效果很好。现在，我正在尝试执行一个函数，当我单击创建的卡片时，它打开两个输入字段，其中一个是保存按钮，另一个是取消按钮。我知道如何编程“保存和取消”按钮，但我不知道如何通过单击创建的卡片在创建的卡片中制作它们。这是我的守则： <div class=&

浏览 2提问于2016-08-29得票数 0

回答已采纳

1回答

为什么small-6在本基金会6.4守则中不起作用？

html、css、flexbox、zurb-foundation

我正在使用ZURBFoundation6.4PX框架进行布局，其中我有3张卡片，每列都有3张320×180 px的图像。我想当它在小屏幕上观看时，每行会有两张卡片。它可以像预期的那样用于大型视图-3列。但在小视图中，它应该有2列或2列，但它显示的是1张卡或1列。我不知道发生了什么事。有人能告诉我怎么解决这个问题吗？ <link rel="stylesheet" href="ht

浏览 4提问于2017-09-28得票数 0

回答已采纳

点击加载更多