如何在<v-flex auto>中为卡片创建相同宽度和高度
在<v-flex auto>中为卡片创建相同宽度和高度，可以使用CSS的flexbox布局来实现。Flexbox是一种弹性盒子布局模型，可以方便地实现元素的自适应布局。
首先，在<v-flex auto>中创建一个包含卡片的容器元素，可以使用<div>标签来实现。然后，为该容器元素添加以下CSS样式：
.container {
display: flex;
flex-wrap: wrap;
}
.card {
flex: 1 0 200px;
margin: 10px;
}解释一下上述CSS样式的含义：
display: flex;：将容器元素设置为flex布局。flex-wrap: wrap;：当容器元素的宽度不足以容纳所有卡片时，自动换行。flex: 1 0 200px;：设置卡片元素的flex属性，其中1表示占据剩余空间的比例，0表示不允许缩小，200px表示初始宽度为200像素。margin: 10px;：设置卡片元素之间的间距。
接下来，将卡片元素放置在容器元素中，可以使用<div>标签来创建卡片元素，并为其添加适当的内容和样式。
最后，将容器元素放置在<v-flex auto>中，确保卡片容器能够自动填充剩余空间。
这样，卡片容器中的所有卡片将具有相同的宽度和高度，并且能够自适应容器的大小。
推荐的腾讯云相关产品：腾讯云云服务器（CVM），产品介绍链接地址：https://cloud.tencent.com/product/cvm
相关·内容
1回答
我想要创建一个具有滚动视图的视图，然后在该滚动视图中创建3张卡片。就像这个View > ScrollView > Cards，但是当我把卡片放在滚动视图中时，卡片就会显示出来，但是如果滚动视图被注释了，就会出现。我尝试过将flex:1提供给父视图、滚动视图，但它不起作用
这是代码
<View style={styles.section3}>
<ScrollView horizontal={true}>
<View style={styles.card}></View>
<View s
浏览 3提问于2021-01-25得票数 0
回答已采纳
1回答
上下文：
嗨，我正在尝试使用布艺帆布，使其在所有屏幕上的反应。但目前，我正面临一个问题，画布不是重新调整大小的基础上，它的卡，而不是溢出。我试过使用v响应，但它不适用于画布的高宽比，可能是，我使用它的方式不是正确的方式。
任何建议都会有帮助。
，这就是现在发生的事情，
这就是我想要实现的
结构
Mock:
码
到目前为止，我一直在尝试这样做。
<v-layout>
<v-flex xs12>
<v-container class="red" fluid>
<v-layout row
浏览 8提问于2021-04-08得票数 0
回答已采纳
6回答
我正在尝试添加一张带有vue和vuetify的卡片，它将占用我的容器中的空间，使用v-flex创建一个水平卡，其垂直行为方式是相同的。我试图添加一个100%的高度样式，使用填充高度，儿童弯曲等，但我无法得到大小的卡来填充容器。调整高度的正确方法是什么？
参考文献：
<div id="app">
<v-app id="inspire">
<v-toolbar color="green" dark fixed app>
<v-toolbar-title>My Applicatio
浏览 1提问于2018-04-20得票数 20
回答已采纳
我有一个像这样的卡片阵列，它将从不同大小的urls中获取图像。我怎样才能在所有的卡片上保持一致。
我这样做是为了设计图像和容器的样式。
<div class="container">
<img class="card-image" [src]="url" />
</div>
CSS
.container {
width: 250px;
max-height: auto;
float: right;
}
.card-image {
max-width: 100%;
浏览 1提问于2020-07-09得票数 0
我正在开发一款机器人纸牌游戏。我想显示所有玩家的卡片，所以我创建了4个LinearLayouts。1表示顶部玩家、左侧玩家、右侧玩家和底部玩家。
我尝试将相同的图像用于卡片，因此我尝试轮换侧面玩家(左侧和右侧玩家)的卡片。
由于某些原因，顶部和底部的玩家牌看起来很好，但侧面玩家的牌太小了。
这是我的左球员布局：
<LinearLayout
android:id="@+id/leftParentLayout"
android:layout_width="80dp"
android:layout_height=
浏览 1提问于2017-06-21得票数 0
1回答
我的对话列表的内容是重叠的，我似乎无法调试它。我使用的是vue，代码在这里，还有css和图像。我想要发生的是在预期的结果图像中，内容将停留在卡的div中，就像在messenger中一样，如果文本太长，它将不会显示完整的文本。
<v-flex lg3 id="convolist-container" class="fill-height">
<div id="convo-container" v-else>
<div id="convo-container" v-for="chat
浏览 11提问于2020-05-26得票数 0
我使用的是vue网格布局，它提供x个div数。每个div都可以通过拖动右下角的图标来调整大小。
我试图将div划分为三个逻辑部分。我想要
固定高度的顶部，
可变的中间部分，和
固定高度的底部
我很难把中间的部分包含在自己的空间里。不管我做什么，它似乎都溢出来了。似乎在中间div的样式中添加一个溢出:auto和auto:calc(100%-topHeight+底height)并不像预期的那样有效。另外，我不确定我是否知道父div的高度，因为它们是可调整大小的，并且是从网格布局/网格项组件中计算出来的。
我在下面的小提琴中做了一个演示
下面是我正在努力工作的主要代码块。
浏览 0提问于2019-01-25得票数 0
回答已采纳
我想安排一张卡片，所有的卡片大小必须相等。 下面是我完成的示例：https://codepen.io/creativiousa/pen/BErpPb 我尝试将代码更改为<v-card height='100%'> </v-card>，但仍然不能按预期查看。 在这里https://codepen.io/creativiousa/pen/BErpPb我做过的代码。 <v-flex auto v-for="n in 12"
:key="n"> 结果必须是这样的：Image Sample
浏览 10提问于2019-04-18得票数 1
2回答
注释：使用Vue.js和Vuetify.js进行功能和样式设计
我有用v-for动态生成的卡片组件，我希望根据屏幕大小(sm/md/lg)，在一行1/3/4卡中显示它们。当我使用v-flex和v-layout元素将它们放置在Vuetify的网格系统中时，卡片就会最小化，而不是移到第二行。
还有别的办法吗？
<v-content>
<v-card class="d-inline-flex" v-for="company of companies" :key="company.name">
<v-layout
浏览 1提问于2017-10-19得票数 8
回答已采纳
3回答
问题
因此，我有一个包含动态卡片列表的WrapPanel，如这里所示。卡片的大小根据其内容的大小(基本上是名称)而变化，出于美观的原因，所有卡片的大小都是相同的。
我希望能够在每个卡片内添加一个卡片列表，每个卡片都显示几个关键字，如此。
我面临的问题是，无论我做什么，包含我的关键字的WrapPanel总是让它的父级扩展它的宽度，而不是包装它的内容。这实际上是非常合乎逻辑的，因为我不想为我的动态卡使用"Auto“大小以外的任何东西。但我想知道如何为内部WrapPanel阻止这种行为，这样它就不会试图扩展，而是使用他已经拥有的地方，并在需要时进行包装。
我见过许多人要求
浏览 20提问于2020-02-12得票数 0
回答已采纳
2回答
我正在使用Reactstrap，为了让特定的卡片响应窗口的大小，我想用百分比而不是像素来固定它的纵横比。
出于某些原因，这适用于宽度，但不适用于高度。
第一行是问题所在。如果我将200px设置为一个常量，比如height:"200px"，那么它就会变得很好。如果我改变宽度%，它也会改变宽度来匹配。但出于某种原因，height %什么也做不了。
<Card style={{width:"80%", height:"60%"}}>
<Row className="no-gutters" style={{pos
浏览 0提问于2017-12-16得票数 3
回答已采纳
我正在尝试通过v-select动态更改vuetify v-card图像的高度。我的情况是，当我选择1/3的时候，卡片图像的高度应该是200px，对于一半，它应该是250px左右，对于完整的，应该是300px左右。我怎样才能做到这一点呢？ 我已经创建了一个用于演示的代码：https://codepen.io/anon/pen/JQOqNP?editors=1010。 <div id="app">
<v-app id="inspire">
<v-card>
<v-card-title>
<v-lay
浏览 36提问于2019-07-01得票数 0
回答已采纳
1回答
我正在努力在Vue中创建想要的网格系统。我需要创建这样的东西。 ? 这是我可以创建的图片。 ? 正如你所看到的，我的布局是从中间开始的，而且我也不知道如何将History组件添加到两张卡片下，而是紧挨着另一张卡片。 下面是我的代码： <template>
<div>
<v-container fluid>
<v-layout row wrap>
<v-flex xs12 md3 lg3 >
<Communication class="m
浏览 21提问于2021-10-02得票数 0
1回答
我有两张桌子。第一个表(在示例中以橙色显示)是静态创建的，包含3列。第二个表(在示例中以粉色显示)是动态创建的，可以包含n列。 我试着把第一张桌子拉长到和第二张桌子一样宽。乍一看，它看起来是正确的。但是，如果您垂直滚动容器，您将看到橙色的桌子仅与容器一样宽。它没有粉红色的桌子那么宽。 我最初尝试使用三个"v-flex xs4“标签，而不是橙色的表格，但我得到了几乎相同的结果。我对使用v-flex代替橙色桌子持开放态度。 下面是示例：https://jsfiddle.net/z4d1m7hy/1/ 相关代码如下所示。不应编辑v容器之外的任何内容 '
浏览 18提问于2019-01-30得票数 0
回答已采纳
2回答
所以目前我使用的是Bootstrap的网格系统和一张简单的卡片。在卡片中，我动态地呈现背景图像。想想Instagram网格系统。所有的事情都很好，除了一旦我进入一个定义的列宽度以下，卡片调整它的大小可能是它的原始高度的10%，并且图像几乎不可见。
<div class="row">
<div class="col-md-4 col-sm-4">
<div class="card" style=" min-height: 100%; min-width:
100%;back
浏览 0提问于2019-02-19得票数 1
回答已采纳
我有一个“卡片”组件，它以一种设置的方式显示对象的数据。
这些卡组件有一个预定义的宽度和高度.
这些卡片组件将显示在一个列表中，我希望该列表能够利用可用的水平空间。
我希望栏数能有反应地改变。例如，如果父组件对于3列来说太窄，那么它应该下降到使用2列。
从概念上讲，这是相当容易实现的。组件的大小是众所周知的，因此不需要实时测量大小，而且计算出可以与列表宽度相匹配的组件数量是很简单的，这就给出了列的数量。
甚至可以选择使用display:flex并让它为您进行计算和布局。
我目前正在尝试使用来实现这个响应列列表，因为我们已经在应用程序的其他情况下使用它了。它对虚拟化的支持也是一个强大的吸引子。
浏览 2提问于2017-09-22得票数 2
回答已采纳
我正在创建一个卡片样式的布局，在这个布局中，单个卡片垂直堆叠。在较高的屏幕宽度下，使用的卡片列越来越多--使用尽可能少的垂直空间。
我使用flex-flow: column wrap布局来实现这一点。然而，我发现容器需要有一个height或max-height，以鼓励卡片包装。考虑到卡片的数量和它们各自的大小可能会改变，如果不切断物品或在下面有过多的空间，我不知道这个高度是多少。
有没有人能告诉我这是否可能，或者我是否做错了什么？
附加的代码段。
.card-container {
display: flex;
flex-flow: column wrap;
align-ite
浏览 2提问于2015-12-03得票数 6
2回答
我有一张卡，里面有一张桌子。当表格展开时，卡片就会膨胀。但是，当表没有数据或一个条目时，卡片也会缩小。我想为卡片设定一个最小的高度，这样即使我的表里只有一个条目或者没有条目，卡片也不会缩小。但是，当表中填充更多行时，它应该展开。
我的代码如下：
const BaseCard = () =>
<div id="card-containerBase">
<Card
style={{
width: '100%',
margin: 'auto&
浏览 4提问于2017-10-18得票数 2
回答已采纳
2回答
我有几个图像，我想在表格中显示，但以缩略图形式显示。如下所示： ? 在上面的图像中，你可以看到图像有不同的大小，有些比另一些更高，这就是我试图做的，小图像但保留了它的方向格式。 这是我的HTML： <!DOCTYPE html>
<html>
<head>
<title>Images</title>
</head>
<body>
<table>
<thead>
<tr style="border: 1px solid black;">
浏览 21提问于2018-12-29得票数 0
1回答
我已经通过改变可扩展卡片视图的可见性在android studio中创建了可扩展和可折叠的卡片视图。(因此，如果可见，则展开，如果不可见，则折叠，每个卡片视图都具有展开或折叠的状态。)但是当一个卡片视图被展开时，它就在下一个卡片视图的下面。有什么可能的方法可以将折叠的卡片视图从展开的卡片视图中推开？
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout
xmlns:android="http://schemas.android.com/apk/res/android"
浏览 19提问于2018-03-02得票数 0
回答已采纳
1回答
我正在构建一个卡片对象，我希望它有一个className .card，它在css中定义如下：
.card img{position:absolute; width:150px; height:160px}
这意味着我只希望div中的图像相互覆盖，而不是div本身。每次创建2张或更多卡片时，它们会相互覆盖，就好像它们具有position: absolute属性一样。
我的JavaScript代码：
this.add = function()
{
console.log("add");
this.container.appendChild(this.back
浏览 0提问于2018-09-26得票数 2
我在Google和论坛上读了很多关于这个话题的文章，但我真的不明白如何使用Google Maps API。 我想创建一个Google Maps Widget，它适合卡片，这样当用户点击卡片时，它就会变得更大，更容易使用。TL;DR 我是Flutter的新手，我不知道如何使用某些小部件。如果有人能帮我解决这个问题，我会很高兴，但我也想知道如何创建特定的小部件，以便稍后在应用程序的主类中调用它。 谢谢! 所需的UI： ?
浏览 17提问于2020-01-23得票数 1
我想要缩放容器图像中的图像，使其与其父图像成比例。我正在做一个带有bootstrap样式的纸牌游戏。我有一个牌桌图像作为容器(1000x1000)的背景图像。当我缩小浏览器窗口时，它将卡片表图像大小减小到800x800，然后是500x500，然后是200x200。 我如何才能使子图片(100x70)也会以与其父容器相同的比例减小？ .game-box {
height: 1000px;
position: absolute;
left: 0;
background: url('../table/tbltop.jpg') no-repeat;
-webk
浏览 37提问于2020-01-02得票数 1
我试着用自适应卡询问用户信息。但是，列的大小是不同的，因为卡片看起来很笨拙。我如何使它看起来很好，与每个列集列之间的一致差距。我尝试使用宽度作为"Auto"和"Stretch" --我甚至尝试用"50px和"100px"设置宽度“，但我没有实现。
请帮我这个忙。
编辑1:添加代码
我在C#中创建卡片
这是我的密码
AdaptiveCard card = new AdaptiveCard()
{
Body = new List<AdaptiveElement>()
{
浏览 0提问于2020-02-17得票数 2
我的vue页面有一个图片库，当选择一张照片时，对话框将通过设置selectedCard跳出来。
而图像与屏幕的大小不匹配。
我尝试将css设置为最大高度或最大宽度，但它们都不起作用。
如何修复我的css，使整个图像可以在屏幕上查看，而不需要滚动？
截图:只能显示图像的一半
//Dialog component
<template>
<v-dialog :value="selectedCard" scrollable fullscreen hide-overlay>
<v-card v-if="selectedCard&
浏览 0提问于2019-10-03得票数 6
我最近刚接触flutter。我开始创建一个网格视图。但当我想要按我想要的方式设置顺序时，我遇到了一个问题。我想设置第一张行宽为2的卡片，而第二张只有一张行宽为1的卡片。
Expanded(
child: GridView.count(
mainAxisSpacing: 10,
crossAxisSpacing: 10,
childAspectRatio: widthScreen / heightScreen,
浏览 0提问于2021-02-07得票数 0
我正在试着对齐我的卡片上的按钮。我有一个布局，其中包含3张卡在一行。但是，问题是，当我在卡片中添加文本时，按钮在特定卡片中的位置会发生变化。 我尝试过传递不同的道具，并尝试使用不同的类。但它对我不起作用 代码如下： CardRenderer.vue： <v-container grid-list-sm>
<v-layout wrap>
<v-flex xs12 sm4 v-for="(item, index) in renderData" v-bind:key="index">
<v-c
浏览 101提问于2019-06-21得票数 19
回答已采纳
* {
margin: 0;
}
div {
background-color: green;
height: 900px;
width: 50%;
margin: auto;
border-radius: 50px;
overflow: hidden;
padding: 20px;
border: 4px solid red;
box-sizing: border-box;
}
div:hover {
box-shadow: 5px 5px 5px 1px blue;
}
@media screen and (max-width:600p
浏览 1提问于2018-06-28得票数 3
2回答
那么，你看标题、文本框和按钮是如何相互抵消的，看起来真的很混乱吗？我怎么做才能让他们排成一排？我特别希望按钮能够“锚定”到这个组件的底部，如果这是有意义的话。
我已经试过几样东西了。我找到了一条关于卡片和卡片甲板以及如何将卡片上的所有按钮对齐的帖子，然而，他们建议的造型选项中没有一个适合我当前的情况。
在代码方面，这里是组件，所有这些都包含在
import { Button, Row, Col, Container, Form } from "react-bootstrap"
import styles from "../styles/ParameterLis
浏览 5提问于2021-08-03得票数 1
回答已采纳
我是HTML和CSS的新手，所以请容忍我。我试图创建一个响应网格，其中父div包含4个子div。在子div之间没有边距的情况下，对浏览器进行垂直和水平调整都是成功的。但是，当我开始在子div之间创建边距时，垂直调整浏览器大小会导致底部的子div与父div重叠--我不想这样做。
我尝试使用重叠:隐藏属性，但是当浏览器垂直改变时，这会导致底部的子div被隐藏(截断)--同样，我不希望出现这种行为。
我想要的是子div具有相同的边距，当我垂直更改浏览器时，子div将包含在父div中，而不考虑浏览器的垂直大小。
这是我的代码：
html {
width: 100%;
height: 100
浏览 2提问于2014-12-06得票数 1
回答已采纳
我正在尝试创建一个n x 3矩阵的布局。其中每个元素都是一张卡片。我正在尝试使用vuetify来实现它。但是，问题是这些卡片正在显示，但它们之间没有空间。即使我在其中添加了一个新行。两者之间也没有距离。 我尝试过使用不同的类和普通的HTML & CSS。但它并没有使它具有响应性 代码看起来是这样的： <template lang="html">
<v-container>
<v-layout>
<v-flex xs12 md4>
<v-card>
<v-img
浏览 35提问于2019-06-19得票数 0
回答已采纳
我使用react原生的，我用卡片创建视图样式，我想要做的就是在卡片中插入图像。 下面是我的代码： <View style={styles.card}>
<Image style={styles.img} source={require('./shjpolice.jpg')} />
</View>
<View style={styles.card} />
<View style={styles.card} />
<View style={styles.card} />
const st
浏览 11提问于2019-02-25得票数 0
回答已采纳
我的应用程序是一个满是卡片的列表视图。我希望其中一张牌是可点击的，如果有人点击，这张卡会增长100%。
我想要增长的卡片有一个卡片和一个满是图像的水平滚动列表视图。
Transform.scale(
scale: 2,
child: ImageCard(_movie)
),
我第一次尝试的是使用Transform.scale，但是当我移动得太远或太低时，卡就消失了，它覆盖在卡下面和上面的卡片上。我首先试图找到一种方法来扩大一张卡片，然后尝试动态地去做。
有什么(容易)的方法来做这件事吗？
浏览 2提问于2019-11-15得票数 1
回答已采纳
3回答
当我按下按钮(+ Add卡)时，div元素就会被创建，就像卡片一样。同时我也有卷轴，覆盖着卡片。就像下面的图片。我不想要这个。我怎样才能避免这种情况？
/*Style of a inbox list*/
#inboxList {
width: 275px; height: 700px;
background-color: #f0f0f0;
border: 1px solid black;
margin-left: 0.5%;
margin-top: 0.4%;
border-radius: 10px;
box-shadow: 7px
浏览 5提问于2014-03-27得票数 1
回答已采纳
我创建了一个容器，并将行拆分为两列。左栏是标题，右栏是卡片。两者都居中。我的问题是，当我把它放在移动视图中时，标题和卡片之间有一个异常大的间距，标题在上面，卡片在下面。我在想我怎么才能解决这个问题！感谢您的帮助:) body,html {
height: 150%;
background-color:#F0F8FF;
}
.card {
border: none;
width: 500px;
height: 625px;
background-color: #F0F8FF;
border: 5px solid #81D8D0;
margin: auto;
浏览 28提问于2020-04-26得票数 0
我用Flutter开发的一个应用程序的设计在不同屏幕尺寸(平板电脑和手机)的设备上崩溃了。卡片和容器重叠且大小不同。你有什么建议吗？
浏览 0提问于2019-12-30得票数 0
下面的问题:我有一些带图片的Bootstrap卡片元素，一些图片有不同的大小/比例，比如中间的那个(见附件截图)。因此，我的card元素不在一行中。这可不太好。 现在我想将这些图像的大小调整到其他图像的高度，并裁剪溢出的图像。我该怎么做？这是我的一张卡片的代码片段。 <div id="cities">
<div class="city">
<div class="card">
<div class="city-img-container">
浏览 153提问于2021-05-02得票数 0
回答已采纳
我想把不同高度的卡片对齐成两列，从左到右排成一行。我尝试过一些方法:显示为网格，将grid-template-row设置为某个值，然后分配行跨度。但这并不能让我完全控制牌的高度。我有大约6个div作为数组返回，所以不能清楚地认为flex box是如何给我两列的，因为flex是一维的。
我的HTML格式为：
<div className="parent">
<div className="child-1"></div>
<div className="child-2"></div
浏览 0提问于2021-04-30得票数 0
我正在尝试使用vuetify v-flex制作卡片列表，以下是代码
<div id="app">
<v-app>
<v-content>
<v-container fill-height fluid>
<v-layout>
<v-flex xs12>
<v-card dark color="grey">
<v-ca
浏览 3提问于2018-06-15得票数 6
回答已采纳
我正在试着让我的滑块在手机上看起来有响应性。我已经用Reactjs和bootstrap构建了一个web应用程序。 下面是我的代码： css .carousel{
width:100%;
height:500px;
margin: auto;
}
.carousel > img {
margin: 0 auto;
}
h3{
color:black;
} js文件： <Carousel className="carousel">
<Carousel.Item interval={20
浏览 9提问于2021-04-16得票数 0
1回答
我知道以前有人问过这个问题，但我找不到任何可行的解决办法。
我需要带有类.height的div来获取父级的剩余高度。
<div id="app">
<v-app>
<main>
<v-content>
<v-container fluid grid-list-xs>
<v-layout row wrap>
<v-flex xs6>
<v-toolbar></v-too
浏览 4提问于2017-10-27得票数 1
回答已采纳
我用列表和卡片创建了一个项目。
列表一个一个地显示，卡片在另一个下显示(在列表中)。
我使用这个指令拖放。当我把一张卡片拖到另一张名单上，在我放下她之前。是在我拿着卡片的地方创建的。
<li class="DnDPlaceHolder"></li>
我在css word-wrap: break-word;中使用，那么所有卡中的高度li都是不同的(宽度是恒定的)。
我想要创建一个影子卡(这样的地方，如果为这张卡做)。我是说，我拿着卡片的地方是创造出来的
<li class="DnDPlaceHolder"></li>
浏览 4提问于2017-09-26得票数 0
1回答
我把这个椭圆形放在卡片上。该卡具有小屏幕响应能力，但椭圆形不是。
我想做的是扩展椭圆。
这是我的CSS：
<style scoped>
div.oval {
position: absolute;
right: 3.3rem;
top: 10px;
width: 130px;
height: 50px;
-moz-border-radius: 0 50% / 0 100%;
-webkit-border-radius: 0 50% / 0 100%;
border-radius: 150px;
background:
浏览 0提问于2018-05-08得票数 0
3回答
变高水平图像行
、、、
我想做一个合理的图片库与固定宽度的图像可变高度。不幸的是，我只能找到固定高度的合理画廊。
当固定宽度而不是高度时，图像之间会出现垂直的空白.
现状：
应该变成：
HTML
<section id="justified">
<a href="project-page1.html">
<img src="img/justified1.jpg"/>
</a>
<a href="project-page2.html">
浏览 2提问于2015-06-18得票数 1
回答已采纳
1回答
如果我正在做一些非常愚蠢的事情，请原谅，但我在actionscript和图形编程方面还是个新手。我正在尝试制作一个在线的TCG，我从创建桌子和卡片栈开始。我已经把它设置在我有一张存放堆栈的桌子的地方。堆栈存放卡片，卡片存放正面和背面图像。非常简单。我是这么想的。由于某些原因，卡正在调整大小以适应屏幕。即使跟踪显示宽度和高度是正确的。下面是一个示例：
实际上，它的高度应该和左上角带有"A“的白色方框差不多。我显式设置宽度和高度的唯一地方是设置表格的宽度和高度。table、Stack和card都是flash Sprite类的子类。由于上面的例子有4个独立的文件，如果有人需要查看代
浏览 0提问于2011-11-23得票数 0
回答已采纳
问题：
我有一个循环显示指定数量的卡片。
问题在于ma-5属性在<v-flex>中。在xs屏幕大小上，这个边距太大了。我是否为不同的屏幕尺寸指定了不同的页边距？
代码：
<v-container>
<v-layout row wrap>
<v-flex xs12 sm6 md4 ma-5 v-for="card in filteredCards" :key="card.id">
<v-card flat class="elevation-20 te
浏览 4提问于2018-01-07得票数 28
回答已采纳
1回答
我正在使用php，并正在生成一个游戏锦标赛的球员身份证页面，可以打印出来。
如何设置一个元素(例如div)，使其以信用卡大小打印？(86毫米x 54毫米)
有没有办法确保在不同的计算机上正确打印卡片的大小，或者它们屏幕的分辨率设置是否会影响打印大小？
浏览 1提问于2012-12-24得票数 0
回答已采纳
1回答
我试图通过在视图中的容器上使用"px-5“类来填充视图的内容。但不知何故，我似乎不能像我想要的那样填充内容。我正在寻找的是等同于firebase截图上的填充：
我的App.Vue看起来像这样：
<v-content>
<div class="page-wrapper">
<page-header></page-header>
<router-view/>
</div>
</v-content>
浏览 0提问于2019-01-20得票数 0
1回答
我正在使用物质化框架试验一些效果。当用户在卡上盘旋时，我试图调整图像和卡片上的内容的大小，但似乎无法破解。
.card:hover .card-image {
height: 50%;
}
.card:hover .card-content {
height: 50%;
}
<div class="row">
<div class="col s12 m7">
<div class="card">
<div class="card
浏览 1提问于2016-06-05得票数 0
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
即时通信 IM
实时音视频活动推荐
腾讯云开发者
