如何使我的卡片不那么宽，只有3列？
要使卡片不那么宽，只有3列，可以通过以下方法实现：
- 使用CSS布局：使用CSS的网格布局或弹性盒子布局来控制卡片的宽度和列数。可以将卡片容器设置为网格容器或弹性容器，并使用相应的属性来定义列数和宽度。
- 响应式设计：使用媒体查询和CSS的响应式布局技术，根据不同的屏幕尺寸和设备类型，调整卡片的列数和宽度。可以使用@media规则来定义不同的CSS样式，以适应不同的屏幕尺寸。
- 使用JavaScript库：使用一些流行的JavaScript库，如Bootstrap或Foundation，它们提供了响应式的网格系统，可以轻松地实现卡片的列数和宽度的调整。
- 使用CSS框架：使用一些轻量级的CSS框架，如PureCSS或Milligram，它们提供了简单易用的网格系统，可以帮助您快速实现卡片的布局。
无论使用哪种方法，都需要根据具体的需求和设计要求来调整卡片的宽度和列数。在实际应用中，可以根据页面布局和内容的需要，灵活地调整卡片的样式和布局。
相关·内容
1回答
所以我有一个有几张卡片(15张左右)的页面，目标是我想以一种类似于网格的方式显示它们，3列5行。由于某种原因，它只显示了2列，但我不确定为什么。我试着用w-25设置卡片的宽度，但当我开始缩小网页时，它看起来真的很奇怪。这就是我设置w-25的地方，这使得当页面缩小时卡片不会堆叠在一起，它们只是被压在一起 <div class="card card-with-border ml-2 mr-2 mt-5 w
浏览 5提问于2020-08-19得票数 0
我在md-card元素中有一个宽表。屏幕太窄，不能显示整个表格，但对于用例来说，一次显示整个表格是必要的。因此，我决定将我的卡片放入一个md-content元素中，该元素实现所需的溢出行为。我的问题是，表溢出了卡片，我不知道如何使卡片适合内容，而不是适合其父元素的with。md-content元素可以像预期的那样滚动。只
浏览 2提问于2016-08-29得票数 1
6回答
因此，在Bootstrap v4中，我看到了卡片甲板( )的一个新特性，它使一组卡片的高度与组中最高的内容相等。目前，它们保持相同数量的列/卡宽度，直到小于544 of。在544 At和更高的位置，它们使用
浏览 14提问于2016-04-07得票数 15
我正在努力完成一项任务，下面的工作我遇到了麻烦(我在过去的12个小时里一直在做这个工作)。请帮帮忙。public struct CurrentHand public char cardSuit;}
我需要将cardVa
浏览 3提问于2013-09-02得票数 0
回答已采纳
2回答
我正在尝试使用md-card来创建一个文章卡片网格。在大屏幕上，我希望它是3张卡片宽，平板电脑大小2张卡片宽，智能手机1张卡片宽。虽然图像不会是完全相同的大小，但我希望所有的卡都是相同的大小，而不会扭曲图像。
我对如何实现这一点感到无所适从。我真的希望避免硬编码设置卡片的宽度和高度，而是希望它们随着显示器<em
浏览 0提问于2016-03-26得票数 1
我正在使用Ant Design。我希望我的卡片封面图像自动调整大小并填充容器，但我无法做到这一点。 下面是我想要实现的一个例子。我现在使用的代码如下： <Card size="small"
style={{ width: '200px', backgroundColor: 'transparent但是没有得到任何令人满意的结果。and
浏览 28提问于2021-08-02得票数 0
回答已采纳
1回答
我在Bootstrap中有一行，其中包含几列，我想在内容周围添加阴影效果，以使元素在“卡片”中组合在一起。问题是，当我将shadow-sm添加到Row的父组件的className属性中时，卡片看起来非常宽，因为Row组件伸展到容器的两边。内容不像行那样宽，因此当前的效果使它看起来松散地包含在卡片中。如何才能使行只占用所需的空间？ Reference JSFiddl
浏览 11提问于2021-06-26得票数 1
1回答
目前，我有一个引导容器，在行标签中有卡片视图。我希望每一行都有3张牌，距离相等，中间有3张。为了实现这一点，我使用了<div class="col-lg-4 col-md-4 col-sm-6">，但出于某种原因，它在每行中放置了1张卡片，而不是3张。
浏览 3提问于2021-09-06得票数 0
回答已采纳
4回答
所以我想弄清楚如何让卡片小工具在颤动中变得全宽，基本上它只根据它的孩子来扩展它的宽度，我想让它适合屏幕，任务相当简单，但我真的很难做到这一点，在我的脚手架上基本上它包含两个卡片，其中有一些文本，卡片只扩展到文本末尾的大小，我希望卡片是全宽的，我如何实现这一点？我希望它的<em
浏览 52提问于2019-02-15得票数 1
7回答
我正在创建一个纸牌游戏。我有一个扑克牌的精灵形象。在精灵牌中，每张牌宽50便士，高80便士。
背景:url(../图像/扑克_sprite.gif)不重复滚动0 0透明；
我改变x和y的位置，以便不同的div得到不
浏览 6提问于2013-08-29得票数 14
回答已采纳
1回答
我正在使用bootstrap来创建col网格，在桌面和表格中它工作得很好，但是在xs-size (特别是在320px设备宽度上，像iPhone 5)它在右边显示一个space，我不知道为什么。你可以看到现场直播的。你也可以在这里看到快照，看看右边的空间：我怎么才能修复它？我试着调整字体文本的大小，但不起作用。
浏览 32提问于2019-04-08得票数 0
回答已采纳
1回答
我用一张纸牌展示每一行4张卡片： <div class="card-deck">
<!每个甲板内的牌宽相同，但甲板不是，即第2排的甲板比第1排的甲板宽。怎样才能使甲板的宽度保持不变？我尝试过设置.card-decks{width: 100%;}，它适用于整行，但是扭曲了只有1-2张卡片</em
浏览 0提问于2018-03-04得票数 6
回答已采纳
6回答
我在Wordpress中使用jQuery，它正在做我希望它做的事情。问题是，对于相同的操作，我必须重写正在使用的函数4次(目前，可能更晚)。我知道一定有一种方法可以避免使用$(this)的冗余，但是我还没有弄清楚在哪里使用它或者如何使用它。这是我正在使用的代码：var x = jQuery.noConflict();x(
浏览 6提问于2015-02-10得票数 0
回答已采纳
4回答
我目前正在开发一个web应用程序，并使用JSON处理ajax请求和响应。我有一个区域，在这里我以超过10000个对象的数组的形式向客户端返回一个非常大的数据集。，对于此数组中的大量对象，JSON响应的大小可能非常大。我的问题是，有没有一个JSON字符串/解析器可以将"schedules"数组转换成类似JSON字符串的形式：
"schedules":
浏览 4提问于2011-05-26得票数 17
回答已采纳
如何在不设置固定列宽的情况下调整CSS，使所有列至少与标题一样宽？唯一的变化是表中sticky的设置。 在这个屏幕截图上，17个列标题中只有7个是可读的： ?
浏览 76提问于2021-04-19得票数 0
如何在android中创建多布局卡片视图？我创建了相同的布局卡视图，类似于使用回收器视图和卡视图的网格视图。现在我想创建一个卡片视图，其中第一张卡片采用全宽和一些高度，其他卡片采用半宽但不同的高度。如下图所示，每张卡片都有不同的布局和尺寸。
浏览 6提问于2015-07-28得票数 4
我在卡片里有一张卡片的清单。当我刷这些内卡时，我想要外卡滑动。我的外卡有滚动，但当我试图滚动的内部卡，它不工作。当我将滚动添加到内部卡片列表中时，只有卡内滚动。当我试图通过内部卡刷卡时，如何使外卡滑动？
浏览 3提问于2022-01-19得票数 0
回答已采纳
在一些建议之后，我似乎找不到任何关于如何做到这一点的信息，也无法通过尝试代码中的许多场景来弄清楚它。8宽的列将有全宽的卡片，4也是。但是，无论我做什么，卡片的较高会导致另一列与高度匹配。我如何停止这一点，以便我可以有不同的高度卡，而不会导致其他内容匹配最高<e
浏览 1提问于2016-02-23得票数 2
2回答
卡片背面需要填满整个屏幕
、、、
我试图使背面的“卡片”充满了整个网页的屏幕。有人建议添加代码：left: 0;添加到back类，但这不会改变背面的宽度。编辑*
正面尺寸需要保持400px宽，200px高，但我希望背面是全屏的，所以当你将鼠标悬停在背面时，它会出现并扩展到覆盖整个屏幕。
浏览 0提问于2013-08-06得票数 0
我想实现拖曳卡片的方式，当我正在拖动的卡片没有完全重叠元素时，重新排列卡片就开始了，但是只有50%。
现在，对于向左移动的右卡，我需要将其与我正在拖动的卡完全重叠。我尝试从ItemTouchHelper.Callback重写此方法：
public float getMoveThreshold(@NonNull ViewHolder viewHolder) {那么，我如何
浏览 8提问于2021-01-27得票数 7
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
腾讯会议
实时音视频活动推荐
腾讯云开发者
