JSF - SVG 在 panelGrid 内不对齐

Question

我正在处理一个使用 SVG 构建图表所必需的项目，因为 primefaces 没有我需要使用的规范。 所以，我所做的基本上是使用那个标签 $ xmlns:xlink="http://www.w3.org/1999/xlink"

还有那个代码：

<h:panelGrid columns="3" >
                <h:panelGroup layout="block">

                    <svg version="1.2" xmlns="http://www.w3.org/2000/svg" 
class="graph" aria-labelledby="title" role="img"> 

                    </svg>
                </h:panelGroup>

                <h:panelGrid style="width: 100px; ">

                </h:panelGrid>

                <h:panelGroup  id="graficoTeste">

                    <svg version="1.2" xmlns="http://www.w3.org/2000/svg" 
class="graph" aria-labelledby="title" role="img"> 

                    </svg>
                </h:panelGroup>
</h:panelGrid>

svg 工作正常。问题是，当我将 svg 放入 panelGroup 时，我的 panelGrid 停止并排对齐我的内容，并放置所有内容，就像它是 columns="1" 一样。

有人有想法吗？

Answer 1

我发现了发生了什么。 如果您遇到同样的问题，请尝试删除 svg 标签属性的“xmlns="http://www.w3.org/2000/svg"。