emmet 扩展没有像我预期的那样对齐/缩进答案

【问题标题】：emmet expansion not aligned/indented as I expectedemmet 扩展没有像我预期的那样对齐/缩进
【发布时间】：2014-02-19 06:26:12
【问题描述】：

如果我展开这个：

#main>#nav>ul>li>{My Web Host}

我明白了：

<div id="main">
    <div id="nav">
        <ul>
            <li>My Web Host</li>
        </ul>
    </div>
</div>

这很好。

如果我展开这个：

#main>#nav>ul>li>{My Web Host}>ul>li>

我明白了：

<div id="main">
    <div id="nav">
        <ul>
            <li>My Web Host
                <ul>
                    <li></li>
                </ul></li>
        </ul>
    </div>
</div>

虽然第一个 li 的结束标记在最后一个 ul 之后，但我希望它会在它的开始标记下对齐的下一行。

【问题讨论】：

那么问题出在哪里？只有对齐？
这只是对齐。这是emmet的限制吗？
您能解释一下您对这里的期望，以便我可以帮助您吗？
如前所述，我希望第一个 li 的结束标记与它的开始标记对齐。如果你看你会看到除了最后 li 中的结束标签之外的其他结束标签都对称地排列在开始标签的下方。

标签： emmet

【解决方案1】：

这个缩写在 {My Web Host}>ul 是不正确的：你试图将块元素 (ul) 放入隐式内联元素 ({My Web Host})。在这种情况下，您必须放置 ul after 文本节点，例如使用+ 运算符。

正确的缩写是 #main>#nav>ul>li>{My Web Host}+ul>li

【讨论】：