inline_css
的inline_css
过滤HTML文档中的内联CSS样式:
12 3 4 5 6 7 8 9 10 11 12
{%应用inline_css %}<超文本标记语言><头><风格>p{颜色:红色;}风格>头><身体><p>你好CSS !p>身体>超文本标记语言>{%endapply%}
你也可以添加一些样式表,将它们作为参数传递给过滤器:
1 2 3 4 5 6 7
{%应用inline_css (源(“some_styles.css”),源(“another.css”)) %}<超文本标记语言><身体><p>你好CSS !p>身体>超文本标记语言>{%endapply%}
控件中定义的样式<时尚>
HTML文档的标签。
你也可以在包含的文件上使用过滤器:
1 2 3
{{包括(“some_template.html.twig”)|inline_css}}{{包括(“some_template.html.twig”)|inline_css(源(“some_styles.css”))}}
请注意,CSS内联程序工作在整个HTML文档上,而不是一个片段。
请注意
的inline_css
过滤器的一部分CssInlinerExtension
默认情况下不安装。先安装:
1
$ composer require twig/cssinliner-extra
然后,在Symfo欧宝娱乐app下载地址ny项目上安装树枝/ extra-bundle
:
1
$ composer需要twig/extra-bundle
否则,在Twig环境中显式添加扩展:
1 2 3 4
使用嫩枝\额外的\CssInliner\CssInlinerExtension;$嫩枝=新\树枝\环境(…);$嫩枝->addExtension (新CssInlinerExtension ());