我是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,但效果不明显。

那么有没有一种方法可以强制换行呢?

最佳答案

看来您使用的是PhpStorm,它具有自己的Emmet实现。
官方Emmet(例如,Sublime Text)可生成漂亮的HTML代码。

无论如何,您的兴趣点是:


syntax profile设置中的inline_break选项。
尝试在文本节点中使用${newline}变量,例如input:email+{${newline}}+input:tel


不知道它是否可以在PhpStorm中使用

关于newline - 埃米特的新线路,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/32876767/

10-13 07:43