XSLT中包裹的DIV

我已经创建了一个HTML页面，它的工作原理是在div中包含div。但是，当我使用相同的HTML通过XSLT处理一些XML时，它将一个div放在另一个之上，任何人都可以想到它为什么在XML/XSLT中这样做？XSLT中包裹的DIV

<?xml version="1.0" encoding="utf-8"?> 
<xsl:stylesheet 
       version="1.0" 
       xmlns:xsl="http://www.w3.org/1999/XSL/Transform" 
       xmlns:xhtml="http://www.w3.org/1999/xhtml" 
> 


    <!-- Doctype - about:legacy-compat is XML equivalent of HTML5 doctype --> 
    <xsl:output method="html" indent="yes" 
       omit-xml-declaration="yes" 
       doctype-public="about:legacy-compat" 
    /> 

    <xsl:template name="Document" match="/"> 

<html xmlns="http://www.w3.org/1999/xhtml"> 
<head> 
<title>BPD</title> 
<link type="text/css" rel="stylesheet" href="big_picture_documentation_v3.css"/> 
</head> 
<body> 
<div id="container"> 
<div id="floated"> 
<p>WRAP AROUND ME!</p> 
</div> 
<xsl:apply-templates/> 
</div> 
</body> 
</html> 
</xsl:template> 

<xsl:template name="Title" match="title"> 
    <h1> 
    <xsl:apply-templates/> 
    </h1> 
</xsl:template> 
<xsl:template name="subheading" match="subheading"> 
    <h2> 
    <xsl:apply-templates/> 
    </h2> 
</xsl:template> 

</xsl:stylesheet>

格式化这些div的CSS可以如下图所示：

#container { margin: 5px;padding: 5px;border: 0px solid black;} 
#floated { width: 227x;float: left;padding-right: 5px;padding-bottom: 10px;}

示例XML：

<?xml version="1.0" encoding="utf-8"?> 
<?xml-stylesheet type="text/xsl" href="v3.xsl" ?> 
<document xmlns:xhtml="http://www.w3.org/1999/xhtml"> 
    <data id="HowToUse" type="example" status="Complete"> 
    <content> 
    <title>How To Navigate This Guide</title> 
    <subheading>Using This Documentation</subheading> 

    </content> 
    </data> 

</document>

来源

2012-04-23 Daniel Shillcock

什么是您正在转换的xml？ – Treemonkey 2012-04-23 09:19:33

更新XML – 2012-04-23 09:37:22

的例子我没有完全理解你的问题在这里......这可能是因为xslt存在问题，它试图输出一个空节点。以查看这是否是问题在标题标签之间的两个应用模板部分之后添加一些随机文本。 – Treemonkey 2012-04-23 10:08:31

<div id="container"> 
<div id="floated"> 
<p>WRAP AROUND ME!</p> 
</div> 
<xsl:apply-templates/> 
</div>

这就是你想要的我看来，是：

<div id="container"> 
<div id="floated"> 
    <p>WRAP AROUND ME!</p> 
    <xsl:apply-templates/> 
</div> 
</div>

来源

2012-04-23 12:19:28

谢谢你的回应。最后，我重写了代码，它似乎与唯一不同的方法是在一个单独的行上放置一个闭合的div标签，因为它之前位于同一行。很奇怪。除非我看过某些东西 - 也许只是一个脾气暴躁的浏览器？ – 2012-04-23 14:35:17

@DanielShillcock：这个解决方案将'xsl：apply-templates'放在wrapper'div'的内部。在您提供的代码中* *在*之外。 – 2012-04-23 16:06:34

XSLT中包裹的DIV

回答

相关问题