Html Emmet缩写语法乘法将所有元素放在同一行而不是多行?
无论我在哪里看到人们在VS代码中使用Emmet缩写,代码编辑器的行为都是一样的。如果有人输入以下代码Html Emmet缩写语法乘法将所有元素放在同一行而不是多行?,html,visual-studio-code,emmet,Html,Visual Studio Code,Emmet,无论我在哪里看到人们在VS代码中使用Emmet缩写,代码编辑器的行为都是一样的。如果有人输入以下代码 a:link*3 结果如下 <a href="http://"></a> <a href="http://"></a> <a href="http://"></a> 然而,当我在自己的VS代码副本中尝试它时,它似乎在同一行中分发它们而没有返回 <a h
a:link*3
结果如下
<a href="http://"></a>
<a href="http://"></a>
<a href="http://"></a>
然而,当我在自己的VS代码副本中尝试它时,它似乎在同一行中分发它们而没有返回
<a href="http://"></a><a href="http://"></a><a href="http://"></a>
有没有办法在设置中修改此行为?我不确定这是否重要,但我使用的是苹果M1 MBA的1.53.0版探索版。我相信这就是内联元素的行为 例如,请参见
span*3
,它还将以内联方式展开它们
<span></span><span></span><span></span>
尝试此解决方案,它对我很有效: 转到settings.json并应用此设置:
"emmet.syntaxProfiles": {
"html": {
//if element created is more than 2, it will break to new line for each element
"inline_break": 2,
}
}
我从文件中读到:
inline_break:强制换行需要多少内联元素,数字。默认值为3。例如,span2将扩展为,但span3将创建三个元素,每个元素位于新行上。将此选项设置为0可禁用内联元素的换行符
这似乎是更好的技术,参见emmet.syntaxProfiles
和inline\u break
实际上并不受emmet本身的支持,而是vscode中的一个添加。因此,在某种程度上,它可能会被弃用,转而支持emmet.preferences
方法
"emmet.syntaxProfiles": {
"html": {
//if element created is more than 2, it will break to new line for each element
"inline_break": 2,
}
}
"emmet.preferences": {
"output.inlineBreak": 1
}