Question

我必须使用重氮规则将页面内容拆分为列，我该怎么做？

来自此类

<div id="content">
    <div id="item1">content1</div>
    <div id="item2">content2</div>
    <div id="item3">content3</div>
    <div id="item4">content4</div>
    <div id="item5">content5</div>
    <div id="item6">content6</div>
    <div id="item7">content7</div>
    <div id="item8">content8</div>
    <div id="item9">content9</div>
</div>

这样的事情

<div id="content">
    <div class="row">
        <div class="span3" id="item1">content1</div>
        <div class="span3" id="item2">content2</div>
        <div class="span3" id="item3">content3</div>
    </div>
    <div class="row">   
        <div class="span3" id="item4">content4</div>
        <div class="span3" id="item5">content5</div>
        <div class="span3" id="item6">content6</div>
    </div>
    <div class="row">           
        <div class="span3" id="item7">content7</div>
        <div class="span3" id="item8">content8</div>
        <div class="span3" id="item8">content8</div>        
    </div>
</div>

Answer 1

使用以下内容：

<xsl:template match="div[@id='content']/div[position() mod 3 = 1]">
  <div class="row">
        <xsl:for-each select=". | following-sibling::div[position() &lt; 3]">
              <xsl:copy-of select="." />
        </xsl:for-each>
  </div>
</xsl:template>
<xsl:template match="div[@id='content']/div[position() mod 3 != 1]">
</xsl:template>

Answer 2

完全按照“to like like”对主题文件进行编码。提取内容的规则：

<rules css:if-content="#visual-portal-wrapper">
    <replace css:theme-children="#item1" css:content-children="#item1" />
    <replace css:theme-children="#item2" css:content-children="#item2" />
    <replace css:theme-children="#item3" css:content-children="#item3" />
    ... you get the idea
</rules>

Answer 3

如果您的应用程序支持css3，请尝试多个列。 http://www.w3schools.com/css/css3_multiple_columns.asp

重氮规则将内容拆分为列

3 个答案: