我有一个这样的侧边栏:按钮1按钮2此入门应用程序由工具栏、SideNav(带有两个按钮)和内容区域组成。这里是内容区!当前行为-当我远程控制md-is-locked-open属性并在用户单击按钮时开始显示边栏，则边栏是全屏且不在内容区域内。所以它与锁定版本有以下几点不同:它在工具栏上主要内容变灰它在内容区域上RequiredBehaviour-我必须更改什么才能将其包含在内容区域内？所以它看起来和锁定时完全一样。应该在工具栏下面不应与主要内容重叠(只需将其向右移动即可=不应使其他内容变灰代码笔Here 最佳答案 只需更改:在side

我正在使用AngularMaterial及其flexbox功能。我现在遇到了一个在我看来应该很简单的问题，但我遇到了问题。我创建了this用于演示我的问题的Codepen。所以我有一行元素超过该行的100%并且启用了换行，所以我得到两行没有边距的元素，如下所示:我正在使用这个CSS:.row{background-color:grey;padding:10px;}.item1{height:200px;background-color:blue;}.item2{background-color:red;}.item3{backgronud-color:black;height:100p

我正在使用angular-materialAngular为5.mat-grid-tile有它自己的顶部填充，使用calc方法计算。我想在mat-grid-tile上设置自定义填充。我该怎么做？ 最佳答案 网格图block组件会在元素本身上动态设置顶部内边距，因此您需要在CSS中使用!important修饰符来覆盖它。HTML:CSS:.my-grid-tile{padding-top:24px!important;} 关于html-AngularMaterial:Howtochanget

我有一个Appbar和一个抽屉就在它下面。在这两个组件下，我有3个带有Bootstrap的div，在每个div中，我都有一组按钮。问题是Drawer覆盖了Appbar，我似乎无法移动它。这是我的代码:title1212MohnweckerlWienerGouda在第一个bootstrap列之后，另一个"col-sm-4"紧随其后，然后是"col-sm-2"。这些按钮位于GridList中这是视觉效果抽屉应该从箭头相交的地方开始。有什么想法吗？ 最佳答案 Material-UI文档将其称为抽屉clippedundertheappbar

我想在AngularMaterial中获得居中对齐的网格列表。这是我的代码:{{item.name}}我得到这样的结果:但我想这样:我希望同一个网格列表居中对齐。这是fiddlecode. 最佳答案 您可以使用CSSFlexbox。使用display:flex和使用justify-content:center让你的父级(即md-grid-list)成为一个flex容器将其子项(即md-grid-tile)水平居中对齐。喜欢:md-grid-list{display:flex;flex-wrap:wrap;justify-conten

我用Angularmaterialtree创建了一个简单的树:https://stackblitz.com/edit/angular-exhejg-vx5i7c?file=app/tree-dynamic-example.html{{node.item}}{{treeControl.isExpanded(node)?'expand_more':'chevron_right'}}{{node.item+'2'}}看起来像:但是如何添加支线呢？类似的东西(来自here): 最佳答案 没有开箱即用的此类功能。但是您可以通过CSS应用它。有

我在设置布局的弹性属性时遇到问题。这是一个笨蛋:http://embed.plnkr.co/0SrUp25FvT2PAsJDEwF3/previewEnterRoom'sNameCreateChatRoom这是文档的链接:https://material.angularjs.org/#/layout/gridinput(文本)和input(按钮)的flex属性不服从flex属性的问题。我想要实现的是这样的: 最佳答案 这是我试过后的结果希望对您有所帮助:EnterRoom'sNameCreateChatRoom

这是我第一次在这里提问，因为我找不到问题的答案。我正在使用物化并尝试使用material_select()。这是我的主页，其中包含jQuery和materialize库以及对sidenav()和material_select()的document.ready调用。Sidenav工作正常，但material_select()抛出一个UncaughtTypeError。$(document).ready(()=>{$("#slide-out").sidenav();$("select").material_select();});这是我使用select的html:PublicPrivate

库:AngularMaterial(material2)我想使用MdInputContainer的floatPlaceholder指令，以便占位符/提示永远不会float。我没有看到它在文档中声明了它期望的值:@Input()floatPlaceholder:Whethertheplaceholdershouldalwaysfloat,neverfloatorfloatastheusertypes.取自:https://material.angular.io/components/input/api我已经尝试了false和"never"作为我最好的猜测值，但都没有阻止占位符float在

因此material-design-litev1.x中没有内置机制用于将“芯片”或列表附加到输入/搜索字段，和/或填充/显示在对事件的响应。我找到了这个:http://immybox.js.org/—但是MDL是否有一般的最佳实践，具有自动完成/搜索建议？或者，像MDL中的Google/YouTube搜索栏？ 最佳答案 这里有一个线程:ComponentRequestAutocomplete·Issue#877·google/material...回答你的问题isthereabestpracticeingeneralforMDL,w