如何将文本放入选项卡 - Zen Coding

Posted 2023-02-21

【中文标题】如何将文本放入选项卡 - Zen Coding

【英文标题】：How to put text into the tabs - Zen Coding

【发布时间】：2012-10-07 10:48:03

【问题描述】：

用ul>li*3我实现了

            <ul>
                <li></li>
                <li></li>
                <li></li>
            </ul>

但我想要的是这样的：

            <ul>
                <li>Value</li>
                <li>Value</li>
                <li>Value</li>
            </ul>

如何使用 Zen Coding 制作它？还有一件事 - 我可以列出不同的值，使它变成这样：

            <ul>
                <li>Value</li>
                <li>Another Value</li>
                <li>Last Value</li>
            </ul>

【参考方案1】：

对于第一种情况，您可以使用此缩写：ul>liValue*3 — 您可以使用花括号将文本插入到元素中。

但是，要执行第二种情况，您只能这样做：ul>liValue+liAnother Value+liLast Value，目前无法仅列出多个元素的值。

但是，如果唯一不同的是数字（如 Joonas 的示例），您仍然可以轻松实现：ul>liLine $*3 — 您可以在使用时在缩写的属性或文本节点中使用 $乘数，它们将转换为元素的计数器。

【讨论】：

非常感谢！这正是我所需要的！

【参考方案2】：

我不确定我完全明白你的意思，但你可以写：

Line 1
Line 2
Line 3

...然后，您应该首先选择这些行，然后使用 'wrap with abbreviation' 和这个 zencode：ul>li*，这将产生：

<ul>
    <li>Line 1</li>
    <li>Line 2</li>
    <li>Line 3</li>
</ul>

---

Zen 编码维基：

http://code.google.com/p/zen-coding/wiki/Actions#Wrap_with_Abbreviation