Fatal编程技术网
  • svg/
  • 是否存在svg:text元素'；中国的主导基线被忽略了？

是否存在svg:text元素'；中国的主导基线被忽略了？

svg

是否存在svg:text元素'；中国的主导基线被忽略了？,svg,Svg,是否存在SVG元素的主导基线样式将被忽略的情况 在SVG的两个不同部分中有两个标签。应用于其中一个的主基线：中心可以正常工作（例如，当我在Chrome的web inspector中打开它并更改值时，元素会按照我的预期移动），但它似乎不会影响另一个（例如，从web inspector更改样式的值不会更改元素的位置） 这有什么原因吗 以下是相关代码的屏幕截图： （如果我能找出如何重现它，我会贴一张小提琴来演示这个问题）罪魁祸首是一个错误的display:inline，而.label是从它的HTML

是否存在SVG
元素的
主导基线
样式将被忽略的情况

在SVG的两个不同部分中有两个
标签。应用于其中一个的
主基线：中心
可以正常工作（例如，当我在Chrome的web inspector中打开它并更改值时，元素会按照我的预期移动），但它似乎不会影响另一个（例如，从web inspector更改样式的值不会更改元素的位置）

这有什么原因吗

以下是相关代码的屏幕截图：




（如果我能找出如何重现它，我会贴一张小提琴来演示这个问题）
罪魁祸首是一个错误的
display:inline
，而
.label
是从它的HTML对应项继承的

修复方法：


svg.label {
    display: block;
}