gpt4 book ai didi

html - 如何在 Material UI 中拉伸(stretch)图标?

转载 作者:行者123 更新时间:2023-12-05 03:47:49 26 4
gpt4 key购买 nike

我正在研究一个 React + Material UI 元素,但我终其一生都无法弄清楚如何从 Material UI 中拉长或拉伸(stretch)图标的宽度。

这里我有一个包裹在标签内的图标:最初我将 margin left 设置为 auto,这样它就会被推到右边:

Original

我想要的是汉堡包 3 行图标一直延伸到顶部栏,而不增加其高度。如果我继续图标并将宽度设置为 100,它会跳到中心,因为现在图标占据了整个元素(基本上摆脱了左边距)。但是,图标实际上并没有拉伸(stretch)以填充空间:

Width set to 100%

我还注意到,我要改变大小的唯一方法是同时放大图标的高度。这是宽度为 100% 且高度为 32rem 时的情况:

Height increased

现在,从技术上讲,这三条线穿过栏,但现在图标的高度也“更大”了。我怎样才能让这个图标在不增加高度的情况下延伸到可用空间?感谢任何提示,谢谢!

最佳答案

由于图标是一个 SVG 对象,您可以尝试添加 preserveAspectRatio="none"。看这里:SVG: stretching an image

关于html - 如何在 Material UI 中拉伸(stretch)图标?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/64742192/

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com