Question

我正在使用Sublime Text 2和Emmet插件

此emmet代码

form>label{blah}+input[type="button"]

生成这一行输出，没有新行

<form action=""><label for="">blah</label><input type="button"></form>

此emmet代码

form>label{blah}+input[type="button"]

也产生一行输出，没有新行

<form action=""><label for="">blah</label><input type="button"></form>

此emmet代码

form>label{blah}+input[type="button"]+input[type="button"]

在输出中生成新行

<form action="">
  <label for="">blah</label>
  <input type="button">
  <input type="button">
</form>

我看不出它是否会产生新行的控件

通常不能存在第二个元素，因为form>label{blah}+label{blah}会生成一行。

那么，是什么控制它是否产生新线？

Answer 1

使用代码时form>label{blah}+input[type="button"] Emmet假设你不想要一个项目列表，所以它可以做到将一个项目放在同一行上当你添加第二项时代码行form>label{blah}+input[type="button"]+input[type="button"]
Emmet假设您需要一个项目列表。所以Emmet不止一个不同行上的相同项目，以便编码人员，像你我一样，有一个更容易的时间将它们彼此区分开来。第二个代码行有所不同编辑点比第一个代码行。您可以通过转到下一步来查看编辑点命令。这是因为你有两个相同的项目。这些物品可以是你在这里的兄弟姐妹，也可以是parent>child他们将在不同的行上，除了孩子将缩进。在p>之后添加form>标记 form>p>label{blah}+input[type="button"]

这将输出： -

<form action="">
<p><label for="">blah</label><input type="button"></p>

标签和输入一起在换行符上。或者以下代码示例

form>label{blah}+p>input[type="button"]

这将输出： -

<form action="">
<label for="">blah</label>
<p><input type="button"></p>

标签和输入都有自己的行。虽然标签和输入通常应该在同一条线上。表单需要至少一个标签和一个输入。在Emmet中，当您满足期望值时，您可以将代码放在一行中，但是当存在多个相同元素时，它将在单独的行中列出它们。你可以用p＆gt;来控制这种行为 - （加拿大拼写）。正如我所示。您可以修改更改或添加到snippets.json文件以获取特定行为，甚至是新的代码段和Emmet命令。我希望这会有所帮助。

在Emmet中，决定HTML代码是否会产生新行？

1 个答案: