艾美特的新线路

Question

我是 Emmet 的新手（18 小时），非常棒。我广泛查看，但找不到在未自动添加时添加新行的方法。

.container>.row>.col-sm-3>ul>li#abc$*5

给出

<div class="container">
    <div class="row">
        <div class="col-sm-3">
            <ul>
                <li id="abc1"></li>
                <li id="abc2"></li>
                <li id="abc3"></li>
                <li id="abc4"></li>
                <li id="abc5"></li>
            </ul>
        </div>
    </div>
</div>

在 PhpStorm 或 Sublime 等中非常容易工作。但是

.containter>.row>.col-sm-offset-4>form>(input:text)*5+input:email+input:tel

给一个非常混乱的

<div class="containter">
    <div class="row">
        <div class="col-sm-offset-4">
            <form action=""><input type="text" name="" id=""><input type="text" name="" id=""><input type="text"
                                                                                                          name=""
                                                                                                          id=""><input
                    type="text" name="" id=""><input type="text" name="" id=""><input type="email" name=""
                                                                                          id=""><input type="tel"
                                                                                                        name="" id="">
            </form>
        </div>
    </div>
</div>

好吧，通过选择来进行排序是相当简单的，><但是很愚蠢。

我尝试/n在不同的地方插入但没有明显效果。

那么有没有办法强制换行呢？

Answer 1

就像之前的答案一样，接受的解决方案对我不起作用，所以

就我而言，我在同级 HTML 元素之间添加了一对括号：

p{Content 1}+{}+p{Content 2}

变成：

<p>Content 1</p>
<p>Content 2</p>

我希望有人觉得它有用！

Answer 2

我遇到了同样的问题，只是接受的解决方案对 PhpStorm 没有帮助。

在 PhpStorm 中，您必须从 PhpStorm 设置中的特定列表中删除新行中所需的 HTML 标记。您可以在“首选项”>“编辑器”>“代码样式”>“HTML”>“其他”>“内联元素”中找到它：删除输入或任何其他您不希望内联的元素，瞧！下次您使用 emmet 时，您的代码将会看起来漂亮、干净。