html - 如何根据XML数据设置一个Div到指定位置？

Question

使用 XSL，我可以将 XML 数据转换为网页的有效内容。但是我想做类似的事情:

<div id="tagSpot" style="position:absolute; width:20px; height:20px; left:<xsl:value-of select="@xScale"/>; top:<xsl:value-of select="@yScale"/>;">

xScale 和 yScale 都是代表百分比的小数。

然而，每次我尝试使用该行时，我都会遇到大量语法错误。有没有办法将 XML 元素传递到内联 css。

所有这一切的原因是将每个图像设置在 XML 文件中设置的指定 x/y 位置。

如有任何帮助，我们将不胜感激!

Answer 1

您可以使用 attribute value templates

<div id="tagSpot" style="position:absolute; width:20px; height:20px; left:{@xScale}; top:{@yScale};">