27
4
Is it possible to add "flex-grow" to a Grid item in material ui? Seams a bit weird that I have to choose Box in order to get access to Flexbox https://material-ui.com/system/flexbox/?
是否可以向材质UI中的网格项目添加“Flex-Growth”？Seams有点奇怪，我必须选择盒子才能访问Flexbox https://material-ui.com/system/flexbox/？
Yes, you can add flex-grow using the style attribute.
可以，您可以使用style属性添加flex-Growth。
个人中心
文章发布
退出<Grid item style={{ flexGrow: 1 }}>
<Typography variant="h1" color="textPrimary" >
Title
</Typography>
</Grid>
or you can create a separate class for multiple Grid items.
或者，您可以为多个网格项目创建单独的类。
This is similar to Amir's answer, but uses a styled component:
这与Amir的回答类似，但使用了样式组件：
const StyledGridItem = styled(Grid)({
flexGrow: 1
})
Then implemented...
然后实施了..。
<StyledGridItem item>
// contents of grid item here
</StyledGridItem>
0
我正在尝试编写一个Android应用程序，它可以不断地在随机位置绘制圆圈。这已经在我的代码中完成了。我的下一个目标是慢慢地制作这些圆圈的动画，使它们“生长”到屏幕上。基本上将圆的半径从 0 增加到 3
有一个棘手的小问题:/我有一个绝对定位的 div，它没有宽度，因为内容是动态创建的。 在这个 div 中有另一个绝对定位的 div，同样没有宽度，因为内容是动态创建的。 在这个 div 中有两个动态创
我正在创建一个时间线，它的线上有圆圈表示不同的事件。当用户将鼠标悬停在圆圈上时，我想要一条线从圆圈中“长出”，最后是事件文本。有没有人对使用什么来使这种效果成为可能有任何建议。 Javascript？
初级程序员在这里。下面的代码似乎总是遇到一个错误，称为:“未分配正在释放的指针”，我不明白为什么。 结构包含动态数组，用于在读取文件后存储整数和字符串。此文件包含城市名称、高温和低温的列表。然后，在读
要解释正在发生的事情有点棘手。 http://easyuniv.com/staging/gonzaga/ 如果您访问我上面的站点，您可以看到当窗口水平收缩和扩展时背景图像如何移动。我希望做到这一点，无
我正在用 C++ 创建一个素数生成器，使用一个数组来存储我找到的素数，然后使用它们来检查势能。有没有办法在我的程序继续时“增加”我的阵列？ 最佳答案 参见 std:vector。 http://new
我正在基于同一行上的两个列表构建导航。两个列表中的所有元素之间都应该有间距，但 25px最多。 flex-grow 的问题: 如果我使用 flex-grow，元素会变得大于它们自己的宽度 + 25px
我刚刚熟悉 Flex 框，当我将 flex-grow:1 应用于一组列时，它似乎使列高度均匀增长，但不是我的目标宽度。 如果我理解这一点，默认的 flex-direction 是“行”……所以理论上宽
我有两个使用 flex-grow 的“拆分”，如果只有一个存在则为 100%，如果两个都存在则为 50%/50%。问题是我希望此行为取决于 div.split 中内容的存在。 通过一些摆弄，我可以让它
HTML:
我有一个 ul 容器和 li 菜单项。容器是 100% 宽度，li 元素是父元素的 50% 宽度。 Parent 设置为显示 flex，flex 方向为 column。现在这些元素是 flex par
我试图让 views-cntnr 占用 views-cntnr 和 menubar div 未使用的任何空间。为此，我将 flex 显示设置为列方向。然后我将 views-cntnr 的 flex-g
我试图让 views-cntnr 占用 views-cntnr 和 menubar div 未使用的任何空间。为此，我将 flex 显示设置为列方向。然后我将 views-cntnr 的 flex-g
这个问题在这里已经有了答案: Targeting flex items on the last or specific row (10 个答案) 关闭 4 年前。 所以我有一个包含一些盒子的 fle
目前，我正在尝试列一个 list 。在适合我的“显示 flex 布局”并在所有浏览器上调整大小的左侧图像。我的“flex 增长布局”列表 1 用于图像，3 用于描述。没有图像，一切都很好，但是对于我的
我正在创建一个具有 2 列布局或 3 列布局的响应式网站。 我正在使用 flex-box，因为我想为它们设置顺序。 我希望方框能填满最大可用空间。 Flexbox 工作完美，除了图像不会按比例调整大小
我有一个像这样的简单页面 Header Content Footer Dialog CSS: main { display: flex; flex-direct
如果我有一个包含 2 个垂直 div 的固定高度 div，我希望第一个 div 是内容的高度，最多为父 div 的 80%，此时它的内容将在其余部分滚动它的。第二个 div 应该增长到父容器的其余部分
我想知道是什么定义了一个内存对象的开始地址是比对象的结束地址低还是高。例如: char buffer[10]; char* p = &buffer[0]; printf("%p\n",p); //0x
我有一段代码想在多线程中运行，但是当我增加要运行的线程数时，我并没有得到太多加速。在一个点之后，我遇到的线程越多，它就越糟糕，以至于比顺序运行更糟糕。 所以我想知道可能是什么问题，我想知道 Open
我是一名优秀的程序员,十分优秀！