Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/33.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Html 如何将树(svg)增长为线(flex)?_Html_Css_Svg_Flexbox - Fatal编程技术网

Html 如何将树(svg)增长为线(flex)?

Html 如何将树(svg)增长为线(flex)?,html,css,svg,flexbox,Html,Css,Svg,Flexbox,我需要的示例: 我的密码在 我尝试过,但没有成功。有什么理由不简单地在DOM右侧的相应位置插入一个div(即作为div的第一个孩子),使其宽度和高度与图像一样为4rem?也就是说-还有-这是一个嵌入在SVG中的巨大png-png大约为200kb或更大,但树仅以68x68像素显示。(4624像素)您可以将位图作为SVG路径重新跟踪,只需15kb即可获得外观非常相似的图像。如果使用png,则要小得多。有什么理由不简单地在DOM右侧的相应位置插入一个div(即作为div的第一个子项),使其宽度和高度

我需要的示例:

我的密码在


我尝试过,但没有成功。

有什么理由不简单地在DOM右侧的相应位置插入一个div(即作为div的第一个孩子),使其宽度和高度与图像一样为
4rem
?也就是说-
还有-这是一个嵌入在SVG中的巨大png-png大约为200kb或更大,但树仅以68x68像素显示。(4624像素)您可以将位图作为SVG路径重新跟踪,只需15kb即可获得外观非常相似的图像。如果使用png,则要小得多。有什么理由不简单地在DOM右侧的相应位置插入一个div(即作为div的第一个子项),使其宽度和高度与图像一样为
4rem
?也就是说-
还有-这是一个嵌入在SVG中的巨大png-png大约为200kb或更大,但树仅以68x68像素显示。(4624像素)您可以将位图作为SVG路径重新跟踪,只需15kb即可获得外观非常相似的图像。如果使用png,则要小得多。