Css 如何使svg文本的位置依赖于另一个文本的位置？
这是一个SVG，其中有两个文本，一个在另一个下面。我需要将第一个文本与下一个文本始终保持在一个固定的位置，如果这个间隙能够响应就更好了，也就是说，如果svg的大小减小，它应该减小，并且相应地增大。 我搜索了很多，找到了很多我无法理解的答案。 我们不能做一些看起来像y=.text-line2.y的事情吗 以下是svg： .文本行{ 字体大小：.5em； } svg{ 背景：黑色； 位置：绝对位置； 宽度：100%； 身高：100%； 字体：5em/1 Arial； } .文本副本{ 填充：无； 笔画：白色； 中风：7%28%； 笔画宽度：3px； } .文本副本：n-child1{ 中风：中交； 行程偏移：7%； } .文本副本：nth-child2{ 行程：ffffff； 行程偏移：14%； } .文本副本：nth-child3{ 中风：EEEE； 行程偏移：21%； } .文本副本：N-child4{ 中风：AAAA； 行程偏移：28%； } .文本副本：nth-child5{ 中风：bbbbbb； 行程偏移：35%； } @-webkit关键帧笔划偏移{ 50% { 行程偏移：35%； 行程：087.5%； } } @关键帧笔划偏移{ 50% { 行程偏移：35%； 行程：087.5%； } } sdsds GFGCss 如何使svg文本的位置依赖于另一个文本的位置？,css,svg,Css,Svg,这是一个SVG，其中有两个文本，一个在另一个下面。我需要将第一个文本与下一个文本始终保持在一个固定的位置，如果这个间隙能够响应就更好了，也就是说，如果svg的大小减小，它应该减小，并且相应地增大。 我搜索了很多，找到了很多我无法理解的答案。 我们不能做一些看起来像y=.text-line2.y的事情吗 以下是svg： .文本行{ 字体大小：.5em； } svg{ 背景：黑色； 位置：绝对位置； 宽度：100%； 身高：100%； 字体：5em/1 Arial； } .文本副本{ 填充：无；
可以使用属性定位字符串的部分。该属性描述下一个tspan相对于上一个tspan末端的位置。想象一下：最初，abcde和fghij将在一行中彼此相邻地渲染。设置dx/dy，然后将fghij移动该量 请记住，空格也会导致水平前进。如果使用百分比值，则它们与元素视口的大小有关，而不是与其viewBox有关 .文本行{ 字体大小：.5em； } svg{ 位置：绝对位置； 宽度：100%； 身高：100%； 字体：5em/1 Arial； } abcdefghij
我的问题是，在不同的屏幕尺寸上，两个跨度之间的差距要么太大，要么重叠。我们可以让dx和dy的值也依赖于窗口的大小吗？你可以用CSS理解的所有内容来表达这些值。唯一不起作用的是calc函数。对于视口单元vw、vh，可能存在一些浏览器兼容性问题。正在工作，先生。只是由于某些父元素的某些样式，它在blogger上不起作用。但不管怎样，我一直在寻找一个通用的答案，而不仅仅是博主，所以当我在网页上使用dx和dy时，我会发现所有元素的风格都与博主不同。