Css SVG中心水平线和垂直线

如何创建一个包含两条线（一条水平线，一条垂直线）的SVG，从中间的一侧到另一侧的中间，从而使加号与SVG容器的大小相同

这就是我现在所拥有的，但是当改变SVG大小时，行长不会改变

<svg width="10px" height="10px">
<line class="point" x1="0" x2="10" y1="5" y2="5" />
<line class="point" x1="5" x2="5" y1="0" y2="10" />
</svg>

---

本例中的容器是

主体

，但您始终可以将其包装在另一个容器中，并设置所需的

高度

和

宽度

body，
html{
身高：100%；
宽度：100%；
保证金：0；
溢出：隐藏；
}

---

要使SVG的内容与其大小成比例，它需要有一个

视图框


svg{
背景色：亚麻布；
}
.点{
笔画：黑色；
笔画宽度：1；
}
画一条线，然后在容器的中心对齐
svg
。