flag-icon-css使用帮助_SVG的国旗图标集合,以及方便集成的CSS

flag-icon-css使用帮助

官方网址:http://flag-icon-css.lip.is

flag-icon-css使用帮助_SVG的国旗图标集合,以及方便集成的CSS

GitHub:https://github.com/lipis/flag-icon-css

简介描述:SVG的国旗图标集合,以及方便集成的CSS

SVG中所有国家标志的集合 – 加上CSS以便于集成。 

 

flag-icon-css安装

通过Bower或NPM安装:  

bower install flag-icon-css
npm install flag-icon-css

用法

对于使用内联文本的标志,将类.flag-icon和 .flag-icon-xx( 一个国家xx的 ISO 3166-1-alpha-2代码)添加到空<span>。如果您想要一个平方版本标志,那么也要添加该类flag-icon-squared。例:

<span class="flag-icon flag-icon-gr"></span>
<span class="flag-icon flag-icon-gr flag-icon-squared"></span>

你也可以将它应用于任何元素,但在这种情况下你将不得不使用 flag-icon-background而不是flag-icon你设置。这将使用以下CSS属性添加正确的背景:

background-size: contain;
background-position: 50%;
background-repeat: no-repeat;

海计划公众号
(1)
上一篇 2020/03/06 09:12
下一篇 2020/03/06 09:12

您可能感兴趣的内容