我一直在使用Bootstrap 5和vue 3构建响应卡集合。使用container和row类，我可以使卡在同一级别对齐。但是，为了将时间戳(card-footer)附加到底部，我还在Card类中使用了h-100。时间戳按预期呈现，但如果内容发生更改，则每行之间会有一个间隙，如下所示。 ? 我想让卡片垂直对齐，使卡片之间有相同的间隙。 ? 有没有办法用Bootstrap进行垂直对齐？-
浏览 27提问于2021-07-08得票数 1
回答已采纳
3回答
我正在用HTML、bootstrap2和JS实现这个效果。
对不起，我还没有一个工作的例子，也没有找到一个例子可以演示任何地方，所以我将只描述我想要做的细节。它是一个普通的HTML页面，视觉上包含两个垂直对齐的“卡片”。这张卡可能只是一个div，包含一个textbox和一个button。最初只有一张卡是可见的，另一张是隐藏的，我希望页面大小只适合一张卡。在我点击卡1上的按钮后，页面高度应该会变得更大，可以容纳两张<e
浏览 3提问于2013-08-20得票数 0
回答已采纳
1回答
在游戏中对齐牌阵列
、、、、
我的意思是，卡片将在画布上垂直和水平地与屏幕中心对齐，当我绘制/解散一张卡片时，我希望卡片填充空间，并在游戏中再次对齐。我该怎么做呢？有什么想法吗？我想到了一个解决方案，关于什么时候轮到你(从屏幕的中心开始，然后后退一步的长度X牌的数量/2，然后一个接一个地产生牌)，但我不知道如何改变一张牌的对齐方式，当你不重新加载它们时，将其中一张牌丢弃。
浏览 0提问于2017-04-15得票数 0
1回答
多页段垂直中心对齐
、、、
每一课都是一页，你可以向下滚动到每一节(我称之为卡片)。理想场景
我的代码
问题：
如何才能使每个部分成为与卡片内容垂直对齐的窗口的精
浏览 2提问于2017-01-19得票数 2
回答已采纳
1回答
我有4张卡片。在来自一个卡的后端的场景中，在一个特定的卡中将有更多的文本。但预期的输出是:如果一张卡片比其他卡片获得更大的内容。所有的卡片必须在相同的高度，没有太多内容的卡片将垂直对齐。(但该卡片的高度应与大内容卡片的高度相同)。我使用bootstrap卡和d-flex。但我做不到。代码片段 <link href="https:/&#
浏览 8提问于2021-02-02得票数 0
2回答
我有两张卡片，在纵向堆叠在一起，但在横向上相邻。我想让这两张牌在风景中彼此垂直对齐。即第一张卡片的文本应该与图像的中间对齐。我尝试了flex选项，但这破坏了响应式设计。帮个小忙。谢谢。
浏览 0提问于2016-03-31得票数 0
1回答
我有卡片头和卡片脚，他们工作得很好。在卡片的身体里我有一个卡片标题。此标题可在卡体中占用1或2行。在这个卡片的身体里，我也有一些信息。我想将这个信息div与卡片体底部对齐，因为我使用行/集来很好地对齐事物，但是因为1张卡片标题是1行，而另一张是2行，当你在页面中查看卡片时，这个附加信息并不完全在卡片之间排列，而底部<e
浏览 0提问于2019-05-03得票数 0
回答已采纳
嘿，伙计们，我正试着用普通的bootstrap创建一副扑克牌<div className="container"> <MyCard /> <MyCard /><div
浏览 2提问于2020-04-09得票数 0
2回答
因为拖放卡片，我使用jQueryUI。如中所示，您可以将卡片拖到纸牌游戏中堆叠卡片的列中。
问题来了。假设我把所有三张卡片都堆放在一列里:卡片1，卡片2和卡片3互相叠在一起。为了实现这一点，我已经尝试过让每一张后继卡都成为上一张卡的一个孩子。不幸的是，这种方法会导致大量的DOM操作，并且拖放不能像预期的那样工作。当我将一张卡片移动到一个无效的可下
浏览 11提问于2014-07-28得票数 0
回答已采纳
我已经开发了一个iphone应用程序，它在Rootview中有6张卡片(带有图像的图标)。单击一张卡片将显示另一个放大图像的视图(fullScreen)。卡片视图有一个翻转按钮，它显示卡片的背面，其中包含一些文本。不同的卡片背面有不同的文本。根据文本大小，视图将是可滚动的。我使用了两个标签:一个是文本的标题，另一个是包含整个段落的标签。我已经在两个标签下面放置了一个滚动视图，用于垂直滚动。
当从Ro
浏览 2提问于2010-08-23得票数 0
我需要在一个需要三个垂直柱的设计上执行。第一列和最后一列包含MaterialUI卡片，中间一列包含一条垂直线，其中的点与每张卡的开头垂直对齐。卡片本身的高度并不是固定的。这是我的布局： <Grid container> <Grid container direction={"column"}></Grid>
浏览 15提问于2019-06-02得票数 0
2回答
我正在使用Bootstrap 4 alpha 6，并尝试使用flexbox将等高卡的内容垂直居中。我已经使用了h-100 util类来使卡片具有列的完全高度。问题是我希望每个卡片的内容在中间对齐(垂直居中)。我尝试了在行中使用.align-items-center类，它可以使卡片居中，但随后卡片的高度不再相等……HTML <div
浏览 23提问于2017-03-07得票数 4
回答已采纳
2回答
以一组控件为中心
、、
我有一些PictureBoxs (相同的宽度和高度)，我想把它们放在某种容器中，这样我就可以将它们垂直和水平地对齐到中央，即使我调整窗口的大小。因此，如果我调整窗口的大小并缩小窗口的宽度--第一行中的一张卡片应该移动到第二行(因为它本身没有空间)，或者如果我调整和扩展窗口的宽度，以便它有另一张卡的空间，那么第二行的一张卡应该回到第另外，我希望包含卡片的Panel是居中的。
浏览 4提问于2016-04-20得票数 0
回答已采纳
3回答
我必须制作一张卡片，上面有一些单词和图像，并将其存储为组件，然后我必须在app.component.html上调用该组件3次，以便其中3张卡将显示在网站上。现在，这些卡片相互垂直地堆叠在一起。如何使它们水平对齐？img class="card-img" src="assets/grey.jpg" alt="Grey backgroud">
<div class="card
浏览 8提问于2020-09-17得票数 0
2回答
我试图使我的游戏中的扑克牌重叠，以便只看到前半张牌，而另一半被下一张扑克牌覆盖。唯一应该完全可见的卡片将是最后一张/最右边的卡片。
我使用了下面的代码，框架布局和相对布局都没有用。
浏览 6提问于2011-10-27得票数 6
回答已采纳
1回答
我可以将技能名称、魔法成本、冷却时间等存储在数据库中，每个技能都有共同之处，但正如我们玩家所知道的，一个技能是独一无二的，不仅仅是因为它的属性，比如移动顺序，它将在世界上被实例化，它只是非常独特。例如，在一款游戏中，每一张牌的效果都是非常独特的，例如card1允许玩家造成伤害和抽牌，card2只是造成伤害，card3对敌人造成伤害，然后再抽一张牌，等等，他们在哪里以及如何存储这些序列或每一张牌效果的方法
浏览 0提问于2016-05-20得票数 2
我使用的是Bootstrap 4，我在中等和更大的显示器上创建了一个3列的行，每个列的大小为4。每张卡片的内容可能大小不同，但我仍然希望每一张卡片的长度相等。我不使用卡片组/甲板，因为它们没有响应性，我希望卡片占据小/xs显示器上的所有12行。如
浏览 0提问于2018-05-01得票数 8
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
腾讯会议
云直播活动推荐
腾讯云开发者
