gpt4 book ai didi

css - Diazo 规则拆分列中的内容

转载 作者:行者123 更新时间:2023-11-28 09:18:32 29 4
gpt4 key购买 nike

我必须使用 Diazo 规则将我的页面内容拆分成列,我该怎么做?

从这样的事情

<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>

最佳答案

使用如下内容:

<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>

关于css - Diazo 规则拆分列中的内容,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/21704785/

29 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com