TYPO3 换两列?
TYPO3 Wrap two columns?
在模板设置中,我设置了两列,如下所示:
column1 < styles.content.get
column1.select.where = colPos = 1
column1.stdWrap {
wrap = <div>|</div>
required = 1
}
column2 < styles.content.get
column2.select.where = colPos = 2
column2.stdWrap {
wrap = <div>|</div>
required = 1
}
这会用 div 包裹该列,但前提是其中有内容。
如果至少其中一列有内容,是否有办法将两列都环绕起来?
目前我正在使用 CSS :empty {display:none;}
在模板部分的包装上实现此目的,但我宁愿在 Typoscript 中这样做,因为 :empty
并非处处受支持。
干净的解决方案是:
要么在打字稿中定义 COA:
column_1_and_2 = COA
column_1_and_2.10 < .column1
column_1_and_2.20 < .column2
column_1_and_2.wrap = <div>|</div>
或者你在流体中使用了一点逻辑:
<f:if condition="{column1}{column2}">
<div>
{column1->f:format.raw()}
{column2->f:format.raw()}
</div>
</f:if>
不要尝试使用拆分包装构建逻辑。
在模板设置中,我设置了两列,如下所示:
column1 < styles.content.get
column1.select.where = colPos = 1
column1.stdWrap {
wrap = <div>|</div>
required = 1
}
column2 < styles.content.get
column2.select.where = colPos = 2
column2.stdWrap {
wrap = <div>|</div>
required = 1
}
这会用 div 包裹该列,但前提是其中有内容。
如果至少其中一列有内容,是否有办法将两列都环绕起来?
目前我正在使用 CSS :empty {display:none;}
在模板部分的包装上实现此目的,但我宁愿在 Typoscript 中这样做,因为 :empty
并非处处受支持。
干净的解决方案是:
要么在打字稿中定义 COA:
column_1_and_2 = COA
column_1_and_2.10 < .column1
column_1_and_2.20 < .column2
column_1_and_2.wrap = <div>|</div>
或者你在流体中使用了一点逻辑:
<f:if condition="{column1}{column2}">
<div>
{column1->f:format.raw()}
{column2->f:format.raw()}
</div>
</f:if>
不要尝试使用拆分包装构建逻辑。