翻转卡片自动高度？

文章/答案/技术大牛

发布

1回答

html、css、firefox

我找不到一个解决方案来解决翻转正面和背面卡片的自动高度问题。尤其是在Firefox浏览器中。

浏览 4提问于2018-08-04得票数 0

回答已采纳

1回答

卡片翻转:自动设置反面高度和宽度

css、hover、flip

我正在尝试翻转一张牌，但在图像和反面方面遇到了一些问题。codepen：

浏览 0提问于2019-07-24得票数 0

1回答

如何按一定的间隔顺序翻牌？

javascript、html、css

我正在建立一些使用HTML和CSS的翻转卡片。我知道如果我悬停在上面，牌就会自动翻转。现在，我正在努力实现卡片会以一定的延迟间隔自动逐个翻转，而不会悬停。每个翻转卡片代码如下所示，我总共有4张这样的卡片： setTimeout(function() { document.getElementsByClassName("flip-card").style<p><br>

浏览 19提问于2020-09-17得票数 0

回答已采纳

2回答

如何将一行中的所有引导带3单元格设置为相同的高度

html、twitter-bootstrap、css、twitter-bootstrap-3

我有一个可变内容的可翻转卡的网格，并尝试将内容较少的卡片的height设置为与最大内容的卡片相同的值。但是，无论我将height:100%应用于哪个盒/单元，小的单元都会保持其所需的大小。我可以看到，行本身自然具有最大高度，但为什么所有子单元格都不能继承该高度？下面是示例：

浏览 7提问于2015-12-28得票数 0

1回答

CSS翻转转换效应-绝对定位中断响应

css、twitter-bootstrap-3、flip

我试图切换element.style.display='none';的前/后，虽然这解决了空空间问题，当它到位时，我甚至看不到瞬间翻转效果。.card__front, position: absolute; left: 0;CodePen 适当翻转效果的示例，以及不正确的页面流响应： (单击大灰色图像将其翻转)

浏览 3提问于2017-01-07得票数 0

回答已采纳

1回答

在有限时间内禁用"click“

jquery、click、settimeout、disable-link

我的问题是，当我单击元素(卡片)时，您仍然可以单击其他元素(卡片)，因此一次可以翻转两张以上的卡片，这将是作弊。我确实有一个setTimeout功能，当时间用完时，它会自动翻转所有的卡片(在2张卡片被翻转之后)。有没有一种方法可以在setTimeout期间禁用元素(卡片)的点击，然后在之后重新允许点击。

浏览 4提问于2017-06-08得票数 0

1回答

星云翻转卡片-如何使卡片背面高度与卡片正面高度不同(角度)

css、angular、height、nebular

星云卡片正面和背面的高度与内容最多的侧面相同(如果卡片正面有20行文字，卡片背面有10行，则卡片背面将有10行空白空间，以保持与卡片正面大小相等)。如何自定义高度的大小，以便卡片背面和卡片正面具有自己独特的、预先确定的高度？

浏览 13提问于2021-06-06得票数 0

1回答

翻转图像垂直3D css

html、css

基本HTML <div class="wrapper"> <div class="img-closed"><img src="foo-close.jpg"></div> <div class="img-open"

浏览 1提问于2015-05-30得票数 0

1回答

将div定位在正确位置

css、twitter-bootstrap

基本上，我需要在一个专栏中的卡片，以便能够被翻转。卡片需要根据它的背面和正面的内容来衡量它自己的高度，并且还需要填充列的宽度。在行的顶部应该有两个单独的框，它们应该是可翻转的，后面是4行，这是它应该看起来的例子。position: relative; 在css中，但是我不知道我错过了什么。

浏览 0提问于2014-12-30得票数 0

回答已采纳

1回答

如何创建仅使用CSS的响应式翻转卡片？

css

我正在使用我在野外找到的一些CSS来制作翻转卡片。我做了一些调整，试图使它们具有流畅的响应能力。& Engineer</p> </div> </div>我希望发生的是，如果我调整翻转卡片包装器的宽度，内容将相对于该宽度扩展，翻转将继续。但是

浏览 15提问于2020-03-03得票数 0

1回答

水平翻转卡片(保持高度为100%)

jquery、jquery-animate

images.nationalgeographic.com/wpf/media-content/richmedia/0/629/project/memory/images/card_back_hard.png">问:如何让卡片水平翻转

浏览 9提问于2018-08-30得票数 1

回答已采纳

1回答

如何在初始化箭头函数之前使用addEventlistenr调用箭头函数？

javascript、addeventlistener、arrow-functions

如果我使用箭头函数而不是普通函数翻转，并且在初始化箭头函数之前向其添加addeventlistiner，那么我就无法调用该函数。**Console.log(卡片)；cards.forEach(卡片) => card.addEventListener(“单击”，翻转)；var flip = ()=>{ console.log(“卡片翻转”)；} output ：在单击卡片时，它应该将输出作为“卡片翻转”，但它不

浏览 19提问于2022-09-03得票数 0

1回答

带css3变换的自举翻转卡

twitter-bootstrap、css、css-transforms、flipview

我想通过使用CSS3转换来创建一个引导翻转卡。我是从这个开始的有人能提出解决办法吗？注意：问题似乎与jquery有关。

浏览 2提问于2015-06-07得票数 5

回答已采纳

1回答

颤动刷卡和翻转卡-状态问题

flutter、dart、flutter-layout、flutter-animation

我已经开始使用Flutter，我的第一个学习项目是实现可以滑动和翻转的卡片。由于网上有几个软件包可用，我尝试将引火牌(https://pub.dev/packages/flutter_tindercard)和翻转牌效果(https://pub.dev/packages/flip_card当我将卡片翻到背面，然后刷卡后，下一张卡片也会自动翻到背面。当前一张卡被翻转和刷卡时，我如何才能保持在前面

浏览 21提问于2020-03-24得票数 0

回答已采纳

1回答

如何定位boostrap 4卡底部的按钮？

alignment、vertical-alignment、card

卡片会自动填充空白空间，以保持相同的高度，但是如何在卡片的末尾放置一个按钮，而不管特定卡片的高度？

浏览 8提问于2021-05-12得票数 0

2回答

numpy.ma是否允许掩码数组中的子掩码数组？

python、arrays、numpy、pydev、mask

当像这样的卡片具有比常规卡片更复杂的组件时(翻转方面)，它在XML语言中编码为： <property name="MultiverseId" value="74093" /> </

浏览 1提问于2013-07-19得票数 0

回答已采纳

4回答

Java内存游戏如何翻转个人卡？

java

当我点击个人卡时，我试图翻转它们。当我点击所有的卡片的时候，同时翻转。这是我的密码。任何帮助将不胜感激，并感谢您在此之前。

浏览 7提问于2013-11-04得票数 0

回答已采纳

1回答

角度:轻拍(半翻转)动画

angular、typescript、angular-animations

我的卡片有正面和背面的垂直翻转动画。400ms') transition('1 => 0', [ ]) ] 但我想要做的是动画一张卡片我的意思是，卡片不会完全翻转，而是半翻转，改变卡片上的内容，然后翻转回来，显示背面。当然，这意味着我的卡片将只有一个面，在那里我可以在内

浏览 14提问于2021-06-03得票数 0

回答已采纳

1回答

CSS3灵活/响应式翻转卡在转换结束时失去背面

css、responsive-design、css-transitions、css-transforms

类似于翻转卡片的其他几个示例：然而，答案通常是确保包含的卡片上没有背景，并在卡片的正面和背面指定。然而，这对于我的例子是行不通的，因为背面的文字不会占据与正面图片相同的高度。我意识到这与其他问题非常相似，但是这种情况应该有足够的不同，因为没有在卡片上声明固定的高度，并且背景可能需要应用于卡片本身而不是面部。

浏览 0提问于2013-07-18得票数 2

2回答