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

【问题标题】：How to put text into the tabs - Zen Coding如何将文本放入选项卡 - 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>

【问题讨论】：

标签： html emmet

【解决方案1】：

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

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

但是，如果唯一不同的是数字（如 Joonas 的示例），您仍然可以轻松实现：ul>li{Line $}*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 编码维基：

【讨论】：