我正在一个新项目中尝试 Slim 模板(在使用 Haml 一段时间后)。虽然整体体验很棒,但我遇到了一个问题,即在通常使用的标签周围总是插入空格display: block
说,
ul.ampm
li.am am
li.pm pm
Run Code Online (Sandbox Code Playgroud)
产生
<ul class="ampm">
<li class="am">
am
</li>
<li class="pm">
pm
</li>
</ul>
Run Code Online (Sandbox Code Playgroud)
尽管
.ampm
span.am am
span.pm pm
Run Code Online (Sandbox Code Playgroud)
产生
<div class="ampm">
<span class="am">am</span></span class="pm">pm</span>
</div>
Run Code Online (Sandbox Code Playgroud)
通常这不是一个大问题,但我们使用适用的响应式布局 display: inline-block于li标签的;显然,它们之间有空格会破坏布局。
我知道
Slim::Engine.options[:pretty] = true
Run Code Online (Sandbox Code Playgroud)
选项(并打开它确实会删除有问题的空格),但它使所有生成的源代码难以阅读,而不仅仅是我想要修复的部分。
< 和 >在 Slim 中似乎与我需要的相反 - 它们旨在用于在内联标签周围添加空格。
所以...
非常感激。