18910140161

html-如何将SVG元素与同一容器中的元素水平对齐?-堆栈溢出

顺晟科技

2022-10-19 12:04:06

132

我有一个元素,我想与同一容器中的文本对齐,使其位于同一起始位置。SVG元素是height和width是用来设置它有多大的,但是当我更改height属性时,它会像我想要的那样上升,但是大小会改变。SVG和文本都在flex容器中,属性设置为

我希望将它与右边的文本向上移动(即水平对齐),但不改变SVG元素的大小。除了height和width属性之外,还有其他方法吗?

以下是它当前外观的截图:


顺晟科技:

在我看来,这是一种更好的方法。 对我来说,使用flex你有更多的选择,同时它更可靠,而且可以做到。

显然,这里的问题是SVG顶部的空白/空白。解决这个问题的一个方法是更新SVG来消除这个缺口。但是您说过您不想改变SVG的大小。

给定这个限制。最简单的解决方案是将您的SVG设置为,并使用负值将其提高一点。

svg

演示

  • TAG:
相关文章
我们已经准备好了,你呢?
2024我们与您携手共赢,为您的企业形象保驾护航