`

haml的空格问题

    博客分类:
  • haml
阅读更多

haml模板通过缩进控制元素的层级关系,所以每一个层级都要另起一行。

在html模板里,对缩进的要求不严格,但是为了布局好看也会通过缩进控制页面结构。

两种模板都通过缩进控制层级时,haml的span标签与同级的元素之间,默认会有一个空格,但是html模板不会出现这种情况。要去掉haml的span标签左右的空格,可以通过在span标签的所有属性的最后加上“>”就可以去掉该span标签左右的空格。写法如下:

%span> 共2页

%span.filter.view> 共2页

%span.label(id="filter")> 共2页

分享到:
评论

相关推荐

    Ruby-Haml是一个HTML的模板引擎

    Haml是一个HTML的模板引擎

    MtHaml:PHP实现的HAML模板语言类库.zip

    PHP实现的HAML模板语言类库,感兴趣的朋友们可以下载下来,用到自己的项目中。

    为什么要使用HAML和SASS

    NULL 博文链接:https://hlee.iteye.com/blog/602211

    前端项目-clientside-haml-js.zip

    前端项目-clientside-haml-js,Haml compiler for client side javascript and coffeescript view templates

    haml-to-php:PHP的haml实现

    编写类似于ruby的haml实现的代码 在错误的标签嵌套上失败,例如table> td> tr 图书馆支持 请参阅如果您将对haml-to-php.com的支持添加到框架中,我想参考您的工作。 我知道的相关工作 请参阅此处。 最引人注目。 ...

    haml:HTML抽象标记语言-标记Haiku

    将Haml与Rails一起使用要将Haml与Rails一起使用,只需将Haml添加到您的Gemfile中并运行bundle 。 gem 'haml' 如果您想用Haml替换基于Rails基于Erb的生成器,请将也添加到您的Gemfile中。格式化Haml的最基本元素是...

    ruby-haml-loader:使用实际Ruby`haml`的Webpack Haml加载器

    用于Webpack的Ruby Haml加载程序 将Haml文件作为模块导入Webpack项目中。 返回渲染的模板。 这很慢。 它是为临时使用而创建的,直到转换为Jade。 此自述文件基于自述文件。 设置 添加到您的webpack配置模块....

    Haml2Html:一个易于使用的编译器,用于使用Haml&Sass开发静态页面

    用法将所有.haml文件保存在/app/views 将所有.sass文件保存在/app/styles 要观看文件运行(在终端中): ./watch要停止观看: Control + C就是这样! 所有已编译的Haml文件都存储在/compiled/ 所有已编译的Sass文件...

    herbalizer:转换HAML到ERB

    用Haskell编写的HAML到ERB转换器。 该程序将模板转换为 。 为什么 很多人更喜欢HAML而不是ERB。 但不是每个人,也不是每个情况都如此。 ERB更简单,更容易记住规则,并且对HTML熟悉的人都可以访问。 ERB模板更易于...

    yii-haml:Yii 框架的 HAML 视图渲染器

    Yii 框架的 HAML 视图渲染器 yii-haml是扩展,它为您的视图带来了功能。 基于项目的分支。 使用 Composer 安装 将此添加到您的composer.json : " repositories " : [ { " type " : " composer " , " url " : ...

    前端开源库-ewg-haml-coffee-gulp

    前端开源库-ewg-haml-coffee-gulpEWG HAML咖啡吞咽,EWG HAML咖啡模块

    MtHaml:PHP实现的HAML模板语言类库

    PHP实现的HAML模板语言类库

    gulp-ruby-haml:用于Gulp的Haml插件,使用Ruby Haml gem

    gulp-ruby-haml 这是一个,将使用该插件haml命令行脚本编译Haml的文件转换成HTML。 您需要同时安装Ruby和Haml才能使用此功能。 尝试gem install haml 。 如果使用 ,请将gem 'haml'添加到Gemfile中,然后运行bundle...

    haml-lint:编写干净且一致的HAML的工具

    HAML-Lint haml-lint是一种帮助保持文件清洁和可读的工具。 除了特定于 HAML 的样式和 lint 检查之外,它还与集成以将其强大的静态分析工具带到您的 HAML 文档中。 您可以从命令行手动运行haml-lint ,也可以将其...

    haml:CakePHP HAML模板引擎

    CakePHP HAML视图类 CakePHP 2.x的模板引擎。 基于 ,这是PHP的HAML实现。 安装 将插件包含在您的作曲家文件中: { " require " : { " tiutalk/haml " : " dev-master " } } 该软件包具有Composer依赖性,请...

    jekyll-haml-markup:用于haml标记的Jekyll插件

    杰基尔·哈姆尔(Jekyll Haml Markup) 插件,使成为布局,局部和页面的标记选项。 安装 添加到您的Gemfile: gem 'jekyll-haml-markup' , group : :jekyll_plugins 用法 用.haml扩展名命名布局,分页和页面。 该...

    Laravel开发-laravel-blade-haml

    Laravel开发-laravel-blade-haml 使用Blade语法样式包装mthaml以便于在Laravel 5中使用

    haml-rs:Haml模板语言的纯Rust实现

    我遇到了一些个人问题,由于这个原因,我已经忽略了这个项目几个月。 回到它之后,我意识到它被写得多么糟糕。 我正在重写代码库,以便更清晰,更轻松地使用它。 在这样做的同时,我将使用Ruby实现中的测试来确保...

    HAML.jl:JuliaHTML抽象标记语言。 受Ruby的HAML启发

    HAML.jl JuliaHTML抽象标记语言。 受启发。 建立状态测试范围概要在Julia中使用HAML的最简单方法是haml""宏的形式。 只需内联编写HAML代码,它将扩展为字符串: julia > using HAMLjulia > link = " ...

    haml-coffee:Haml模板,您可以在其中编写内联CoffeeScript

    Haml Coffee模板 Haml Coffee是一个JavaScript模板解决方案,它使用作为标记,了解内联并生成呈现为HTMLJavaScript函数。 它可以在使用 , , , 等的客户端JavaScript应用程序中使用,也可以在框架的服务器端使用...

Global site tag (gtag.js) - Google Analytics