我是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/