单击时将MDL卡片高度调整为卡片支持文本的高度

文章/答案/技术大牛

发布

0回答

javascript、jquery、html、css、material-design-lite

我是HTML、CSS和Jquery的新手。问题:卡片目前将调整大小，但只有标题上方的空间，我需要支持文本部分来扩展。我还需要支持文本部分，以动态扩展，只有足够远，以显示其在页面上的所有文本。 <span><

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

1回答

超文本标记语言画布高度在slideToggle后默认为1

javascript、html、css、chart.js

我还有一个函数可以展开和折叠卡片，包括图表，但这就是问题所在。在折叠图表或添加更多卡片后展开图表后，图表高度默认为1，而宽度会自动调整以填充空间。我看不出为什么高度不能自动调整的原因，除了在构建图表时，我没有定义高度和宽度。有什么想法吗？这是你第一次打开卡片时的样子：这是当你关闭并重新打开卡片时的样子：这里是默认高度为</

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

3回答

如果调整了一行中某张卡片的大小，则调整其中一张卡片的大小

javascript、jquery、css、angular

我在页面顶部有四张可见的卡片。卡片的高度会根据卡片内的文本而变化。当窗口调整大小时，卡片也会调整大小。我想确保一行中的所有卡片都具有相同的高度。Stackblitz演示：https://stackblitz.com/edit/angular-xv3syn 我想要做的是在卡片</em

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

回答已采纳

1回答

调整反应卡的高度而不包括折叠

javascript、html、css、reactjs、typescript

这些都列在React卡片中，这些卡片都支持展开/折叠-展开卡片并显示更多信息。expand中显示的信息在大小和信息上会有所不同，我不希望卡片在扩展时调整高度。当它们折叠时高度是对齐的，但我不确定当卡片展开时如何不调整它们。示例： ? 此图像显示了卡片高度如何与内容最多的卡片对齐。

浏览 16提问于2021-01-11得票数 2

1回答

仅调整CardView的高度也会更改宽度

android、animation、cardview

我目前有一个回收器视图，其中包含CardViews的列表。当我单击卡片时，我希望能够展开卡片(仅更改高度)。通过设置带有动画的卡片的新高度，这可以很好地工作。问题是，当我单击展开卡片时，宽度也缩小到不到屏幕宽度的一半。如果我滚动视图离开并返回，宽度设置是正确的。每次我尝试扩大高度时，它都会扩展到合适的大小，但宽度会收缩。在回收器

浏览 14提问于2019-10-20得票数 0

2回答

仅扩展一组卡中的一张卡

reactjs、material-ui

我正在使用material ui Card显示一组卡片，这是我的状态： state = { anchortEl: null, return ( {</

浏览 14提问于2021-04-28得票数 1

回答已采纳

2回答

将控件高度设置为"match_parent“使其父控件更大？

android、xml、layout

我正在尝试制作一个卡片视图，里面有一些文字和图像。我希望卡片视图足够大，每个文本视图都可以包装成多行，所以我希望卡片能够根据文本进行缩放，我也希望图像填充卡片的高度，不管它是什么。因此，我将卡片视图和包含文本视图高度的线性布局设置为wrap_content，将图像视图高度设置为ma

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

回答已采纳

1回答

将卡片网格中的按钮与可变文本长度对齐(Material Design Lite)

css、material-design、vertical-alignment、material-design-lite

这是我的作品集，我正在尝试用Material Design Lite components制作一个网格，我对Google的样式表进行了大量的裁剪，所以现在文件的大小要小得多。我希望每个卡片都有相同的高度为图像，文字，标题和按钮，这样他们都会看起来在网格中对齐。我有的最好的解决方案，也就是目前正在使用的布局是通过设置display inline grid，并尝试对值进行调整。我真的需要帮手。可测试示例

浏览 17提问于2019-01-05得票数 0

回答已采纳

2回答

具有相同高度卡的多项旋转木马

javascript、twitter-bootstrap、bootstrap-4、mdbootstrap

预期行为:所有卡片的相同高度片段：

浏览 14提问于2021-12-30得票数 -2

1回答

材料设计卡片轻巧的砖混结构布局

masonry、material-design-lite

我正在尝试用Material Design Lite创建一个"Pinterest“风格的布局。最大的问题是，到目前为止，我只能在相同高度的卡片上创建它。我已经能够使用CSS和列计数(没有MDL)做到这一点，但我想使用MDL提供的样式。如果我在MDL中使用column-count，它会导致一些奇怪布局。我的卡片大小不一，当它们里面有巨大的间隙时看起来很糟糕，因为网格布局使它们的</e

浏览 0提问于2016-11-13得票数 2

2回答

使卡的高度适应颤动中的fontSize

flutter、user-interface、mobile、accessibility、font-size

我有一个带有2个文本小部件的卡片，我希望它们不会溢出，而不管用户在可访问性设置中设置的fontSize。我正在做这个微积分，它立刻溢出了。我在总高度上添加了一个常量，这样它就不会溢出，但当我从设置中进一步增加字体大小时，它又溢出了。这里我漏掉了什么？

浏览 36提问于2021-10-07得票数 0

2回答

梅: div高度-扩展至适合内容。

css、reactjs、material-ui

我被困在如何最好地设置一个div的高度来扩展内容。在下面的例子中，我有一个包含按钮的卡片。当单击按钮时，内容会向下扩展到卡本身下面。我如何调整它，使卡扩展，以适应内容时，按钮被点击？我知道我有一个问题就是我很难为卡片的高度编码.

浏览 11提问于2022-06-07得票数 0

回答已采纳

1回答

制作一张足够大的卡片，以适合儿童文本

animation、flutter、dart、expand

我正在创建一个简单的卡片，其中包含一个很长的描述。我想将卡的正常高度设置为50px，当用户单击它时，我想扩展卡，使其能够容纳里面的所有内容。null : 50,上看到的，当cardExpanded为true时，我没有指定高度，因此通过这种方式，我能够将卡片扩展到正确的高度以包含文本。我确信有一种方法可以<em

浏览 0提问于2019-12-20得票数 1

1回答

如何根据卡片中的文字动态扩展卡片widget的高度？

android-layout、flutter、dart、flutter-layout、flutter-widget

因此，如果我在小工具卡片中放入大量文本，文本将超过卡片小工具，并且我看不到它的其余部分。只有当我手动调整每张卡片的大小时，它才会显示所有的文本。是否可以根据卡片中的文本动态扩展卡片小部件的高度大小？例如，无论我放多少文本到卡片的高度，它

浏览 15提问于2020-05-01得票数 1

1回答

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

css、twitter-bootstrap-3、flip

我正在尝试将这个与集成起来。我发现，当调整浏览器窗口的大小时，页面流会变得非常奇怪，因为.card__front和.card__back样式都有position: absolute;。如果删除position: absolute;，将恢复正确的页面流行为，但分配给图像的空间仍然存在。我试图切换element.style.display='none';的前/后，虽然这解决了空空间问题，当它到位时，我甚至看不到瞬间翻转效果。

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

回答已采纳

1回答

如何防止Flexbox项填充父项

css、html、flexbox

我有一个简单的DOM结构： <main> <h1>HEADER<h1> </div> </main>样式使得主标记占用窗口的高度</em

浏览 0提问于2016-09-04得票数 2

1回答

需要为悬停效果定义高度，但这会使调整大小变得混乱。

javascript、html、css

我有一个div (类：“卡片”)持有一个图像和一些文本。当用户悬停在卡片上时，图像的高度降低，文本的高度增加。为了达到这个效果，我不得不在卡内设置图像的初始高度。问题是，设置高度意味着图像不再处于“自动”状态。因此，当我调整窗口大小时，卡片中的图像仍然很大。当我放大时，图像会自我复制，文本会溢

浏览 1提问于2019-08-26得票数 2

回答已采纳

2回答

如何缩放视图以适应Android动画中的内容大小？

android、android-layout、view、android-animation、android-wrap-content

我正在使用CardView作为回收适配器的一个项目。但单击它之后，单击的项目将缩放其高度以适应内容高度。(在这里，我将文本设置为整个内容，并希望卡片能够缩放以适应它) 我知道如何将高度动画到特定的目标高度。但在这种情况下，我不知道如何

浏览 2提问于2017-08-10得票数 4

回答已采纳

3回答

Flutter -在容器的子级渲染时对高度进行动画更改

dart、flutter、flutter-animation

我正在尝试在Card中重新创建类似于ExpansionTile的东西。当我单击卡片时，它的子代会被渲染，卡片会改变其高度，所以我想以动画的方式改变这种改变。我尝试使用AnimatedContainer和GlobalKey来了解卡的最终大小，然后将新的高度设置为AnimatedContainer，但这不起作用。

浏览 21提问于2018-12-14得票数 27

回答已采纳

1回答

Android MapView没有在CardView中填充父程序

android、google-maps、android-layout、android-recyclerview、android-cardview

我正在从Yelp得到一家餐厅，并将餐厅的属性放入CardView中。我想要一个CardView的原因是因为我想要滑动功能。我想要能够左，右，上。，如果有人有更好的方法做这件事，请告诉我。由于某些原因，当您将MapView的layout_height设置为具体值时，它会调整大小。但它不会填满父母。我不想为明显的兼容性问题设置一个具体的值。另外，是否有可能禁用对MapView部分的CardView的滑

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

回答已采纳

点击加载更多