Css 水平和垂直居中svg中的固定宽度/高度元素

Css 水平和垂直居中svg中的固定宽度/高度元素,css,html,svg,Css,Html,Svg,我有以下html代码: 否。如果不使用一些javascript来调整内部框的大小和位置,则无法完成此操作 如果您希望SVG具有响应性,那么您必须接受它内部的所有内容也会伸缩 这最终可能在SVG 2中实现,但在SVG 1.1和当前浏览器中不可能实现。否。如果不使用一些javascript来调整和重新定位内部框,这是无法实现的 如果您希望SVG具有响应性,那么您必须接受它内部的所有内容也会伸缩 这最终可能在SVG 2中实现,但在SVG 1.1和当前浏览器中不可能实现。否。如果不使用一些javasc

我有以下html代码:


否。如果不使用一些javascript来调整内部框的大小和位置,则无法完成此操作

如果您希望SVG具有响应性,那么您必须接受它内部的所有内容也会伸缩


这最终可能在SVG 2中实现,但在SVG 1.1和当前浏览器中不可能实现。

否。如果不使用一些javascript来调整和重新定位内部框,这是无法实现的

如果您希望SVG具有响应性,那么您必须接受它内部的所有内容也会伸缩


这最终可能在SVG 2中实现,但在SVG 1.1和当前浏览器中不可能实现。

否。如果不使用一些javascript来调整和重新定位内部框,这是无法实现的

如果您希望SVG具有响应性,那么您必须接受它内部的所有内容也会伸缩


这最终可能在SVG 2中实现,但在SVG 1.1和当前浏览器中不可能实现。

否。如果不使用一些javascript来调整和重新定位内部框,这是无法实现的

如果您希望SVG具有响应性,那么您必须接受它内部的所有内容也会伸缩


这最终可能在SVG 2中实现,但在SVG 1.1和当前浏览器中不可能实现。

可以使用这个技巧:内部框是一个覆盖
。否则,每次SVG的维度更新时,您必须使用
translate
动态更新内框的(x,y)值。可以使用以下技巧:内框是一个覆盖
。否则,每次SVG的维度更新时,您必须使用
translate
动态更新内框的(x,y)值。可以使用以下技巧:内框是一个覆盖
。否则,每次SVG的维度更新时,您必须使用
translate
动态更新内框的(x,y)值。可以使用以下技巧:内框是一个覆盖
。否则,每次SVG的尺寸更新时,必须使用
translate
动态更新内部框的(x,y)值。