html - Atom Emmet 自定义 HTML snippets.json 多行快捷元素
问题描述
我正在尝试创建一个 Emmet (+TAB) 快捷方式,我已经完成了 90%。我只是不知道如何让最后一个嵌套元素在自己的行上。标签、输入和关闭 div 标签都在一行上。我想把它们都放在不同的行上
片段.json 代码
"form+": "section.form-container>div.form-wrapper>form:post>(div.form-group>label+inp)+btn:s"
html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Document</title>
</head>
<body>
<section class="form-container">
<div class="form-wrapper">
<form action="" method="post">
<div class="form-group"><label for=""></label><input type="text" name="" id=""></div>
<button type="submit"></button>
</form>
</div>
</section>
试图让它自动看起来像这样
<section class="form-container">
<div class="form-wrapper">
<form action="" method="post">
<div class="form-group">
<label for=""></label>
<input type="text" name="" id="">
</div>
<button type="submit"></button>
</form>
</div>
</section>
</body>
</html>
解决方案
在这种情况下,元素布局由output profileinline_break
选项控制,该选项对 Emmet 扩展的所有片段全局起作用。您可以减少到,它会导致元素按预期布局inline_break
2
推荐阅读
- c++ - 在 Travis-CI 上使用 Conan 和 Python3
- hadoop-yarn - Yarn local-dirs - 每个节点设置
- mule - 使用 dataweave 2.0 将 xml 转换为 csv
- python - 将一个数字分成 3 个部分
- python - 如何在 python 中使用 Spinnaker 从点灰色相机获取彩色图像?
- puppet - 将日志文件从代理复制到主木偶
- crystal-reports - 水晶报告的标题-可以连接吗?
- api - USPS Shipping API 标准邮政可加工标签
- powershell - 检查文件内容时 if 语句不起作用
- c# - 如何将 GridView 导出为 .xls