草庐IT

mdl-card

全部标签

html - 如何使图标在 MDL 标题上向左移动?

我尝试设置边距,填充以将后退箭头图标移动到标题的左侧但失败了。我该如何纠正?arrow_backSettingsProfileAccount 最佳答案 我在使用后退按钮时遇到了同样的问题。文档中没有可视化演示,但阅读文档后我找到了正确的方法:只需在按钮上放置一个类mdl-layout-icon。arrow_backSometitle 关于html-如何使图标在MDL标题上向左移动?,我们在StackOverflow上找到一个类似的问题: https://sta

html - 在物化中将 Col/Card 面板居中

Hello我想做的是使用Materialize的辅助类center-align将卡片面板居中放置在列中,但它不起作用,我还尝试在col上使用该类s5m5l5元素,同样无效谁能建议解决这个问题的方法?即使它必须是CSS编辑:我确实尝试过使用materialize的偏移实用程序,但它只是搞砸了很多 最佳答案 当你推/拉你的柱子时,你可以实现居中。你总共有12列,为了这个例子,让你的列宽6,而不是5。Centered我将我的行划分为3-6-3,总计为12,我想要的列居中。查看推/拉示例 关于h

html - 如何使链接与 Bootstrap v4 中的 card-img-overlay 一起工作

我遇到一个问题,任何使用card-img-overlay在图像上显示文本的Bootstrapv4卡都会阻止该图像下方的链接工作。这些链接确实有效:TitleCardlinkArticleTextDate-Author这些链接不起作用:TitleCardlinkArticleTextDate-Author我看到关于bootstrapv4有一个Unresolved问题,但是任何人都可以提供一个可以保持相同外观的解决方法吗? 最佳答案 叠加层是position:absolute,它为该元素提供了一个z-index,卡片中的其余内容是静态的

html - 如何在 MDL 中使标题在较小的屏幕上可滚动?

在MDL1.0(http://www.getmdl.io/)中,我试图让标题在更大和更小的屏幕上滚动。但它只能在大屏幕上滚动(比如在我的电脑上),但不能在小屏幕上滚动。这是html: TitleTab1Tab2Tab3Tab4Tab5Tab6TitleNewline!Newline!Newline!Newline!Newline!Newline!Newline!Newline!Newline!Newline!Newline!Newline!Newline!Newline!Newline!Newline!Newline!Newline!Newline!Newline!Newline!

html - 如何使 Bootstrap "Cards"响应

Bootstrap最近提供了一个名为“卡片”的功能,在到达747px视口(viewport)之前,一切都很酷。请参见下图。如您所见,一切都乱七八糟,容器放不下。是否有任何CSS修复可以确保它们在747像素及以下看起来不错???这是我的HTML:ThisisCard#1Somequickexampletexttobuildonthecardtitleandmakeupthebulkofthecard'scontent.LearnMoreThisisCard#2Somequickexampletexttobuildonthecardtitleandmakeupthebulkofthecar

html - 使用 Google MDL 将页脚保持在页面底部

据我所知,这不是一个重复的问题,因为它与关于该主题的其他问题有点不同。我使用的是Google的MaterialDesignLite,页脚无法正确位于页面底部。我见过使用这个技巧的不同修复我试过用这个方法#footer{bottom:0;width:100%;position:absolute;(orfixed)}第一个选项不起作用,因为MaterialDesignLite实际上使用了页脚标签。老实说,我真的不想这样做,因为这对我来说有点草率。页脚的CSS方法几乎可以工作,但存在一些问题。使用position:absolute;时,页脚并不总是位于页面底部,有时会覆盖内容。当我尝试fix

Flutter 画廊演示 : Cards to change card's height

我正在尝试修改Flutter示例中的cards_demo.dart。我的目的是不是将内置的两张卡片的高度固定为:staticfinaldoubleheight=300.0(或一些强制和固定的数字),我希望两张卡具有不同的高度。所以我修改了TravelDestination类以包含属性height:classTravelDestination{constTravelDestination({this.assetName,this.title,this.description,this.height});finalStringassetName;finalStringtitle;final

带有 Card 的 Flutter 条件语句(颜色 :)

如果变量的值大于10,我试图将下面的颜色从红色更改为绿色。我该怎么做?as'color:'不接受if,else语句:Card(child:Column(children:[Text('CallsTaken',style:TextStyle(fontSize:16.0,decoration:TextDecoration.underline,),),Text('10'),],),color:Colors.redAccent),上面的cardwidget在一个继承StatelfulWidgets的类下提前致谢!!! 最佳答案 只要使用三元

dart - 如何在 flutter 中生成 'stacked card list view'?

我想在flutter中构建类似于此链接的ui。https://github.com/loopeer/CardStackView/blob/master/screenshot/screenshot1.gif主要的理想特征如下。类似于ListView,但卡片应堆叠在屏幕顶部。列表可以有无限项。所以应该回收旧卡以节省内存。我还想为每张卡片设置不同的尺寸。首先,我找到了一些类似ui的“tinder”,并尝试了它们。https://blog.geekyants.com/tinder-swipe-in-flutter-7e4fc56021bc但是,用户需要每张卡片都刷一次,这需要用户刷很多次才能浏

flutter - 如何在 Flutter 中创建 outlined Card widget

我想包含一个带有flutter的轮廓Material卡片,但由于卡片小部件没有样式元素或类似元素,我不确定如何实现它。我尝试使用shape:属性但不是很成功,主要是因为我不明白它是如何工作的。 最佳答案 输出:它有shape属性,它带有一个Border,你可以改变它。Card(shape:RoundedRectangleBorder(borderRadius:BorderRadius.circular(40),//ifyouneedthisside:BorderSide(color:Colors.grey.withOpacity(0